youtubeAPIを使用して動画をホームページのトップで幅いっぱいに表示

ef2040684e6b2571cd1f7ec5fcef9a40

株式会社ライジングホールディング様

トップページのメインビジュアル部分でYoutubeの動画を画面いっぱいで再生するという制作をしました。

YoutubeAPI

ホームページ上で動画を埋め込むにはHTML5から新たに実装された<video>タグを使用することが多いですが、今回はクライアント様の意向などもありYoutubeで制作しております。

<video>タグの場合、動画の形式を環境にあわせていくつか用意しなければなりませんが、Youtubeを埋め込むことでそれらの処理が必要でなく楽です。
対応端末ですが、HTML5を使用できない環境では再生できません。
これはYoutubeの場合も、<video>タグを使用した場合も同じです。

ただ、このように埋め込むことによってYoutubeの再生数を増やすことができるというメリットがあります。

YoutubeAPIについては以下の記事でも詳しく記載しております。

YoutubeApiでの再生に対応していないブラウザやスマートフォンをjavascriptで振り分ける方法
YoutubeApiを使用していてブラウザによって再生できない問題が有ります。 chorome、IE、Firefox、safa...

http://nu-tech.co.jp/1098/

http://nu-tech.co.jp/1095/