Facebook, Twitter, Instagram, TikTokなど、各ソーシャルメディアで最適な画像・動画サイズのまとめ -SocialSizes
Facebook, Twitter, LinkedIn, Instagram, Pinterest, TikTok, YouTube, AppStoreなど、各ソーシャルメディアで最適な画像のサイズ、最低限必要なサイズ、動画の長さなどをまとめてダウンロードできるSocialSizesを紹介します。 Adobe XD, Figma, Sketch, Photoshop用のファイルが用意されており、個別でも一括まとめてダウンロードもできるので非常に便利です。 SocialSizesでサポートされているソーシャルメディア Facebook Instagram LinkedIn Twitter Snapchat YouTube Pinterest Twitch Whatsapp AppStore TikTok ProductHunt Vk PlayStore 各ソーシャルメディアで最適な画像・動画
[CSS]YouTubeなどの動画をレスポンシブ対応で実装する現在主流とこれからのテクニック
動画は拡大縮小が簡単な画像とは異なり、アスペクト比を維持したままレスポンシブ対応で埋め込むと、幅のサイズだけが変わり、高さがそのままになってしまいます。 この問題を解決するには、動画を配置するiframeをdivなどの親コンテナで内包し、アスペクト比にあった高さをpaddingで指定し、親コンテナのサイズに合わせて動画のサイズを変更させます。 動画をレスポンシブ対応で実装する現在主流となっているテクニックの解説と、もっとスマートに実装できるこれからのテクニックを紹介します。 Experiments in fixed aspect ratios 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 動画をレスポンシブ対応で、アスペクト比を維持したまま配置 もっとスマートに実装するためのスタディ 動画をレスポンシブ対応で、アスペクト比を維
![[CSS]YouTubeなどの動画をレスポンシブ対応で実装する現在主流とこれからのテクニック](https://cdn-ak-scissors.b.st-hatena.com/image/square/2dff0b306a31f4ce14295c1fa0d265a72accaeac/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201702%2F2017051901.png)
地域プロモーション×動画！女性を起用した面白いWeb動画マーケティングを集めてみた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ のっち（@nocci_84）です♩ 最近は仕事終わりに夕飯を作りながらYouTubeで面白い動画を漁るのが日課になっていますが、意識の9割がそちらにいっているため料理は大抵焦げます。 観る動画の種類はさまざまですが、ここ最近では勉強がてら地域プロモーションの動画を観る機会が多めでした。 いろいろ観漁ったので、今回はみなさまに「これは面白い！」と思った地域プロモーションの動画の中でも女性を起用したものをご紹介したいと思います。動画マーケティングの参考にもどうぞ♪ 女性を起用した面白い地域プロモーション動画 シンフロ（大分県） 「これ面白いから見てみて」とついつい誰かに薦めてしまうのがこちらのシンフロ。大分県のさまざまな温泉の中を、プロのシンクロ選手が踊りまくります。一般客のおじいちゃんがポカーンと見ていたり、体を洗っている人の顔にお湯がバシャバシャとかかりまくっていたりとかなり
YouTube人気急上昇
【ゆっくり実況】ゆっくりレジェンズ スーパートランザムゥゥゥゥゥゥゥゥゥゥゥゥゥ！！！とアルティメット悟飯を使ってPVP！
背景、全画面で動画を再生。BigVideo.js #jQuery / Maka-Veli .com
いつかきっと使うメモ 今回の記事は以下から How To Build a Fullscreen Background Video Player | Vandelay Design Blog About the Author:Jake Rocheleau @jakerocheleau. Jake’s Google+ profile. より詳しく、技術的に読みたい方は今すぐGOです（記事は一応チュートリアルで全文英語です） jQuery / jQuery UI / Video.js / imagesLoaded を用いて、bigvideo.js と以下の指定で動くそう。 <script type="text/javascript"> $(function() { var BV = new $.BigVideo(); BV.init(); BV.show('動画.mp4'); });
動画ファイルをドラッグ＆ドロップして変換できるオープンソースソフト「Mobile Media Converter」
AMR・3GP・MP3・WMA・MP4・AVI・WMV・MOVの形式に変換することができるオープンソースソフトが「Mobile Media Converter」です。YouTubeの動画をダウンロードすることも可能で、Windows、Ubuntu、Mac OS Xに対応しています。 ダウンロードから操作方法までについては以下から。 Mobile Media Converter - Download http://www.miksoft.net/mobileMediaConverterDown.htm 今回はWindowsにインストールするので、上記サイトにある「Download for Windows」をクリック。 ダウンロードしたインストーラーを実行。 「Next」をクリック 「Next」をクリック 「Next」をクリック 「Next」をクリック 「Install」をクリック 「Fini
Tikku.com
Overview The jQuery TubePlayer Plugin was originally created in July 2010. The plugin is a jQuery wrapper around the YouTube Player API. It has evolved over time and is still the simplest interface to control and manage YouTube Player(s). The plugin allows developers to focus on functionality as opposed to infrastructure around the YouTube player. The plugin exposes meaningful methods that are tri
Make an HTML5 video a background - body bg demo
Fixed body background As seen on this page $('body').videoBG({ position:"fixed", zIndex:-1, mp4:'christmas_snow.mp4', ogv:'christmas_snow.ogv', webm:'christmas_snow.webm', poster:'christmas_snow.jpg', opacity:0.5 }); Donate a beer You are more than welcome to donate me some beer money :) I recommend £3 for a donation, just £3!
HTML5のvideoタグを使って背景に動画を設定するjQueryプラグイン・videoBG
HTML5から使えるvideoタグで背景への動画設定を簡単に行えるというスクリプトです。対応していないブラウザには静画が表示されるようになっているみたい。 動画を背景に、というスクリプト。 動画のパスを指定して表示するみたいです。楽でいいかも。尚、HTML5未対応のブラウザには普通の画像を別途用意して指定しておくことで表示を切り替えるみたいです。 コード<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js'></script> <script type="text/javascript" src="jquery.videoBG.js"></script>コアとプラグインを読み込み。 $('.foo').videoBG({ position:"fi
動画を変換して200種類以上のデバイスで再生を可能にするフリーソフト「Hamster Free Video Converter」
iPhone、iPad、PlayStation 3、PlayStation Portable、Xbox 360、Android搭載スマートフォンなどで持っている動画を再生できるように動画ファイルを変換するフリーソフトが「Hamster Free Video Converter」です。複数ファイルの一括変換なども可能で、Windows 2000、XP、Vista、7上で起動できます。 インストール、操作方法については以下から。 Hamstersoftから100％無料でダウンロードビデオコンバータ http://ja.hamstersoft.com/free-video-converter 上記サイトの「フリーダウンロード」をクリック。 ダウンロードしたインストーラーを起動。 「OK」をクリック 「次へ」をクリック 「次へ」をクリック インストール完了後、デスクトップに作成されたアイコンをダブ
iPhoneをウェブカメラにする方法
iPhoneをウェブカメラにする方法を紹介します。 １．接続イメージ 接続イメージは図のとおりです。iPhoneで撮影した映像を、WiFiを利用してビューワーとなるPCにデータを転送します。 ということでiPhoneはWiFi接続している必要があります。3GやLTEでは使えません。 また、iPhoneとPCは同じネットワーク（＝WiFiルータ）に接続されている必要があります。 本エントリーではiPhoneのウェブカメラアプリとして「EpocCam」を利用します。 ２．EpocCamのインストール まず、iPhoneに「EpocCam」をインストールします。 ホーム画面の「App Store」→「検索」をタップして「epoccam」を入力して、表示された「epoccam」をタップ。 無料版（緑）と有料版（赤）の2種類が表示されます。ここでは無料版を選択します。以降の操作はビギナー向けなので手
iTunesを使わずiPhone・iPod touch・iPadに音楽や動画を転送できるソフト「PhoneTrans」 | フリーソフトラボ.com
PhoneTrans 「PhoneTrans」は、iTunesを使わずにiPhone、iPod touch、iPad等のiOSデバイスに音楽や動画、アプリなどを転送できるソフトです。PC内の音楽や動画ファイルをiPhoneやiPadにドラッグ＆ドロップで素早く取り込んだり、逆にiPhoneやiPad内にあるコンテンツをPCにバックアップすることもできます。 iPhone、iPod touch、iPadに動画や音楽などのコンテンツを取り込むには、通常ではiTunesを使って母艦PCのライブラリと同期を行う必要があるため、例えばCD一枚分の音楽を取り込みたいだけでもバックアップなど他の処理も同時に行われるため、時間がかかって非常に面倒な部分があります。 本ソフトを使えば、取り込みたいファイルだけを外付けディスクのような感覚で直接転送することが可能になるため、iTunesの同期のように長々と待た
SlideShare等にあるスライドを動画とシンクロさせるJavaScriptライブラリ・Presentz
自分では多分使わないと思います けど、技術が凄いなーと感じたの でご紹介。よくあるスライドを、 YoutubeやVimeoなどの動画にシン クロさせる、というライブラリ だそうです。 自分で動作テストしたわけじゃないので紹介だけ。スライドと、そのスライドを紹介する動画をシンクロさせ、動画を再生すると同時にスライドを自動で進行させる、というライブラリ。うまく説明できませんのでデモを見たほうが早いです。 Webサービスになっていますが、ソースも公開されています。node.jsを使ってるみたいですね。 動画を再生すると、その動画中で紹介してる箇所をスライドも表示、動画が進むとスライドも次ページに移動してくれる、というもの。 将来、学校の授業もこんな感じになるんだろうか・・以下で動作デモを確認出来ます。ライブラリのライセンスはGPLとの事。使い方は確認してないので割愛します。 Presentz
200種類以上のメディア形式へ動画を変換できるフリーソフト「Video to video converter」
友人から渡された動画をPCで再生した際に映像が乱れて見られない場合でも、他の動画再生ソフトで問題なく動画を再生できるように、ドラッグ＆ドロップで簡単にメディアのフォーマット変換ができるフリーソフトが「Video to video converter」です。変換できるメディア形式はAVI、DivX、Xvid、MPEG-4、AVC/H264、MOV、WMV、3GP、3GP2、MKV、SWF、FLV、GIFなど。また、Apple製品やAndroid搭載スマートフォンなどに合わせての変換も簡単にできます。Windows 2000、XP、Vista、7上で起動可能。 ダウンロード、インストール、操作方法については以下から。 Download Video to Video Converter for Free http://www.videotovideo.org/download/ まず、200種類
ウェブカメラを簡単にストリーミング可能なIPカメラにするフリーソフト「Gmax IP Camera」
ややこしい設定をすることなく間単に、WebカメラをIPカメラとして、M-JPEGまたはASFのストリーミング配信ができるフリーソフトが「Gmax IP Camera」です。外出中に、家の中やペットの様子などを見ることができます。インストール不要で、Windows上で起動可能です。 ダウンロード、設定、操作については以下から Applications http://www.gmax.ws/app.html 今回はM-JPEG版をインストールするので、中段よりやや上にあるip camera項目の「Download M-JPEG version...」をクリック。 ダウンロードしたZIPファイルをExplzhなどで解凍して、「IPCamera.exe」を起動。 設定画面が表示されます。 Webカメラ・配信解像度・IPアドレスを選択して、「Start」をクリック。この画面でレート・ポート・画像品質
HTML5のVIDEOタグ使用の注意点など / Maka-Veli .com
※模索して行った物なのでミスリードの可能性がありますのでご注意下さい。 なかなか動かなくてハマリました・・・動画やっぱこわい。。 タグ自体はシンプルなんですが、ブラウザ対応の動画形式が違うんですね。 何が面倒って、その動画形式や対応状況などを加味して用意するのが面倒でした。 用意する動画は mp4 ： Chrome・Safari・IE9 ogv ： Firefox・Opera webm ： Chrome・Opera という具合。 更に、もちろんHTML5をサポートしていないブラウザも有り。 動画の変換ですが、僕はこのツールを使いました。 XMedia Recorde http://www.forest.impress.co.jp/lib/pic/video/vdoenc/xmediarecode.html (窓の社） 読み込んで形式を選択してエンコードボタンをクリ
スマホで撮った動画を適切な向きに回転させるフリーソフト「Video Rotator」
iPhone・Android搭載スマートフォンなどで撮った動画をPC上で再生させると動画の向きがおかしい場合がありますが、そんな動画の向きを回転させて直すことができるフリーソフトが「Video Rotator」です。AVI・MPG・FLV・MP4・WMV・MOV・3GPなど15種類の動画を回転させMP4・AVI・MPG・FLV・MOVに変換でき、Windows XP・2000・2003・Vista・7・8上で起動可能となっています。 ダウンロード、インストール、操作方法については以下から。 Video Rotator - Free Rotate Video 90 Degree, Horizontal & Vertical Mirror - Free Rotate iPhone Video http://www.videorotator.com/ スマートフォンのカメラで動画を取った後に、P
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Appealing | Mobile UI Animations
YouTube人気急上昇
IDEA * IDEA
