最近スマートフォン用サイトの引き合いが増えてきていますが、そこで培ったノウハウもこのブログで紹介していこうと思います。今回は、スマートフォン（およびタブレット）用サイトでの動画の取り扱いについて。 スマートフォンで動画というと、真っ先に思いつくのはYoutubeにアップしてリンクを張り付ける方法ですが、企業の内規や動画の性質によっては、Youtube上に動画をアップすることができない場合もあります。先日担当したキャンペーンサイトもまさにそうでした。というわけで、ここではYoutube貼り付けじゃない方法での、スマートフォン/タブレット端末用サイトで動画を掲載する際のポイントをご紹介します。違ってるところがあればコメントでご指摘いただけると幸いです。 ちなみに、プラットフォームやOS毎の実装状況をひとまずまとめると以下の通り。なお、スマートフォン/タブレット版はデフォルトブラウザでの利用が前

関連動画表示の有無〔rel〕 全画面再生ボタン表示の有無〔fs〕 HD再生（720p）の有無〔hd〕 自動再生の有無〔autoplay〕 ループ再生の有無〔loop〕 キー操作無効化の有無〔disablekb〕 コントロールバーの色設定〔color1/color2〕 動画プレーヤーに枠線を付けるかの有無〔border〕 動画情報表示の有無〔showinfo〕 動画アノテーション表示の有無〔iv_load_policy〕

YouTubeの動画をブログに貼り付けるときに次のようなiframeタグを利用するのはご存知かと思います。 <iframe width="470" height="269" src="http://www.youtube.com/embed/YDxYmhze5Do" frameborder="0" allowfullscreen> </iframe> このiframeタグに隠しパラメータ（隠されている訳ではありませんが）をつけることで見栄えや動作を変更することができます。 以下の動画はパラメータを付与してみたものです。テーマおよびプログレスバーの色の変更して、セピアカラーの動画にマッチしたデザインにしています。再生後の関連動画の非表示や再生開始位置の変更なども行っています。 ということで以下、隠しパラメータの紹介です。すべてのパラメータは、次の設定例のように、src属性に設定したURLの末

PCやブラウザの不調や設定のチェック 注意 Youtubeなどサーバー側、動画配信側で問題がある場合、以下の方法では直りません。 ネット上の経路の問題、プロバイダの問題も解消しません。 3. ブラウザのキャッシュをクリアしてみる → IE のキャッシュ削除方法 Firefox、Chromeのキャッシュ削除方法 ブラウザに古いキャッシュが残っている場合、Youtube側の仕様変更でボタンが消えたり、ログインできなかったり、正常に動画が見れない場合があります。 クッキーの削除だけでも十分な場合があります。 4. PCを再起動してみる PCやデバイス側に何らかの不調がある場合、大抵は再起動で正常に視聴できるようになります。 5. ブラウザや視聴ソフトをアップデートしてみる スマホの場合、特に重要。 動画視聴アプリがアップデートされていた場合、古いバージョンでは動画が見れない場合があります。 6.

ここでは、YouTube動画の埋め込みプレーヤーの見た目や機能をカスタマイズするための 「パラメータ」という機能の使い方についてお話します。 また、YouTubeの埋め込み動画プレーヤーをつかうときに前提となる、<iframe>タグや、<object>タグ、HTML5形式の動画プレーヤー、Flash形式の動画プレーヤーなどの情報についてもお話します。 さらに、JavaScriptやActionScriptをつかって動画プレーヤーを自由に制御することができるAPIについてもお話します。 「パラメータ」をつかうと、どんなことができるの？ まず、「パラメータ」をつかってどんなことができるのかを知るために、下の実例を見てください。 実例１： 自動的に再生が始まり、巻き戻しや、早送りはできない 下の動画は、「パラメータ」をつかってつぎのような設定にしています。 これによって、自動的に再生が始まり、操

お使いのブラウザーでは「GOM Lab」サービスの ご利用に制限または、エラーが発生する可能性があります。 Chromeブラウザーをダウンロードして、再度接続してください。

최대 포맷 지원 - AVI, MP4, MKV 등 100여개이상 포맷 지원 - 외부 코덱 연동으로 코덱 문제 해결 가능

お使いのブラウザーでは「GOM Lab」サービスの ご利用に制限または、エラーが発生する可能性があります。 Chromeブラウザーをダウンロードして、再度接続してください。