投稿日:2017/05/26
更新日:2017/05/27
ここでは動画埋め込みについて説明する。
取り急ぎvideoタグでのmp4ファイルの埋め込みと、iframeでのYoutube埋め込みに対応。
どちらの方法もモバイル端末での自動再生不可
セキュリティや、UIの問題で禁止事項とされているらしい。
videoタグでの挿入
mp4形式
拡張子mp4だったとしてもこれはあくまで拡張子でしかない。
内部動画のエンコードはコーデックにより決まるため、
場合によってはIEで動作しないものに仕上がってしまう。
以下の形式であればIEまで対応可能
320x240 8Bit AVC/H.264 Baseline@1.3 1:1 Progressiv
AAC 44.10kHz 2.0ch(2/0 L+R) LC 125.49kb/s
[Extra][2]
MP4 v2
MetaData
[MPEG4] 00:00:24.487 (24.487sec) / 2,598,967Bytes
Youtube
以下のコードで埋め込み可能
<iframe src="//www.youtube.com/embed/Ms2pTkczwJg?autoplay=1&loop=1" width="560" height="315" frameborder="0" allowfullscreen></iframe>
自動再生
autoplay=1
ループ再生
loop=1