video タグ

参考:

<video> タグで動画を埋め込む | HTML5リファレンス

プラグインを使わずに動画を再生する | TAG index

<video> 動画埋め込み要素 | MDN

<video> The Video Embed element | MDN

HTML video Tag | W3Schools

使い方

参考:

HTML5 の video タグを使って動画を貼り付ける時の注意点と問題点 | webfeelfree

レスポンシブ表示

参考:

video タグで画面いっぱいレスポンシブな動画を設置する方法 – Qiita

JavaScript で操作する

  • load()
  • play()
  • pause()

参考:

video タグの簡単な使い方 – Qiita

video 要素、audio 要素を JavaScript から操作する | HTML5 の API、および、関連仕様 (www.htmq.com)

JavaScript で video を操作する | cly7796.net

video タグの使い方と JavaScript でオリジナルコントローラーを自作する方法 | STAND4U

HTMLMediaElement | MDN

動画と音声の API | MDN

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

参考:

HTMLVideoElement | MDN

preload

参考:

WebKit 系ブラウザで video タグに preload=”none” をつけると window.load の発火がとても遅くなる – Qiita

デザイン

参考:

ここまでできる!HTML5 で追加された video タグが便利すぎる件 | CodeCampus

iphone-inline-video

参考:

fregante/iphone-inline-video: Make videos playable inline on the iPhone (prevents automatic fullscreen) – GitHub

iphone-inline-video – npm

タグ:

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です