雑食プログラミング備忘録

タグ:Javascript

前回の記事ではYoutubeの動画を再生する方法を扱ったので、今回はHTML5のvideoタグを使用してみよう。

前回記事
[HTML] PCサイトにYoutubeの動画を埋め込む

まずは単純なところから始めてみよう。

これだけで動画を再生することが出来る。
テクノロジーは私達の生活を楽にしてくれることが実感できる瞬間だ。

色々なブラウザに対応したい場合は3つのフォーマットの動画を用意する必要があるので注意が必要だ。
詳しくはここに書いてある。
HTML5 Video - w3schools.com

次は動画の終了イベントを拾って、複数の動画を連続再生してみよう。
 続きを読む

色んなサイトでYoutubeの動画を埋め込んでいるのを見かけるが、あれはどうやっているのだろう。
一番手っ取り早いのは、動画のページで「共有」→「埋め込みコード」と選択するとHTMLのコードが生成されるので、これを好きな場所にコピペすれば良い。
Youtube_ss1
では、ページが表示されたら自動再生したい場合はどうすればいいだろう。
そういう時は、Youtube公式のIFrame Player APIを使えばいい。
 続きを読む

このページのトップヘ