[B! videojs] tvskのブックマーク

videojsでendedイベントが発火しない場合の対処法 - Qiita

発生していた問題 videojsを利用して動画再生をしている動画再生が最後に達したら次のリストの動画を自動再生ほとんどの動画で問題なく最後に達して次の動画が自動で再生ができるが、一部の動画だけが最後に達しても次の動画に遷移しない。使っていたvideojsのバージョンは7.6.0 問題が発生していたJSコード一部 var player = videojs("#videojs_element"); player.on("ended", function() { // ここで再生が終了したら次の動画へ遷移する処理を行っている });

tvsk 2020/03/09

timeupdate のフックで取れる再生位置は必ずしも duration に一致しない、ということを前提に作る必要がある

videojs

リンク

https://www.nuevolab.com/videojs/examples

tvsk 2017/11/16

endaction を簡易に実装するためのプラグインなど

リンク

videojs-contrib-hls/README.md at master · videojs/videojs-contrib-hls

tvsk 2017/11/09

segmentmetadata

リンク

videojs-contirb-hls v0.17.x における冗長ストリームの扱い

冗長ストリームに関する実装 HLS には本来、冗長ストリームと呼ばれる仕組みが備わっています。 Apple が提供する HLS のドキュメントによれば次のように説明されています。プレイリストに代替ストリームが含まれる場合、代替帯域幅または代替デバイスとして動作する以外に、失敗のフォールバックとしても動作します。iOS 3.1以降、クライアントがストリームのインデックスファイルを再ロードできなくなると（404エラーなどを原因として）、クライアントは代替ストリームへの切り替えを試みます。 HTTPライブストリーミングの概要 (TP40008332 0.0.0) マスタープレイリストの例例えば、次のマスタープレイリストは帯域幅ごとに main と backup の計2つずつプレイリストを所有しています。 #EXTM3U #EXT-X-VERSION:3 #EXT-X-STREAM-IN

tvsk 2017/11/07

プレイヤの on error を使って冗長ストリームを扱う。videojs-contrib-hls のテストコード眺めたあとにもう一度見てみる

リンク

Video.js Blog

.vjs-4-3 maintains a 4:3 aspect ratio for the video and .vjs-16-9 maintains a 16:9 one. .vjs-fluid is a bit more special. It waits for the video metadata to load and then uses the video width and video height to calculate the correct aspect ratio to use for the video. Playlist pickerThis works great if you only have the player by itself. What if you are trying to a attach a playlist to the video e