video タグ
参考:
<video> タグで動画を埋め込む | HTML5リファレンス
<video> The Video Embed element | MDN
使い方
参考:
HTML5 の video タグを使って動画を貼り付ける時の注意点と問題点 | webfeelfree
レスポンシブ表示
参考:
video タグで画面いっぱいレスポンシブな動画を設置する方法 – Qiita
JavaScript で操作する
- load()
- play()
- pause()
参考:
video 要素、audio 要素を JavaScript から操作する | HTML5 の API、および、関連仕様 (www.htmq.com)
JavaScript で video を操作する | cly7796.net
video タグの使い方と JavaScript でオリジナルコントローラーを自作する方法 | STAND4U
HTML Audio/Video DOM play() Method | W3Schools
動画本来のサイズ
参考:
JavaScript で動画のサイズを取得する方法 | SYNCER
video 要素で読み込んだ動画の情報を取得する | cly7796.net
The video element | HTML Standard (WHATWG)
HTML5 Video Dimensions – Stack Overflow
duration
参考:
video 要素で読み込んだ動画の情報を取得する | cly7796.net
HTML Audio/Video DOM duration Property | W3Schools
イベント
参考:
Video タグのイベント挙動サンプル | DevelopersIO
HTML Audio/Video DOM loadstart Event | W3Schools
Wait until an HTML5 video loads – Stack Overflow
HTMLVideoElement
参考:
preload
参考:
WebKit 系ブラウザで video タグに preload=”none” をつけると window.load の発火がとても遅くなる – Qiita
デザイン
参考:
ここまでできる!HTML5 で追加された video タグが便利すぎる件 | CodeCampus
Media Source Extensions API
参考:
Media Source Extensions API | MDN
iphone-inline-video
参考: