HTML5 video 要素を使用して読み込まれたビデオのスナップショットをキャプチャし、ビデオが読み込まれるか再生イベントがトリガーされるまで、それをプレビュー画像として使用することはできますか? poster 属性については知っていますが、ビデオのランダムなフレームのように、サムネイルを自己生成したいと考えています。YouTube/Vimeo のようなものです。
ありがとう、
HTML5 video 要素を使用して読み込まれたビデオのスナップショットをキャプチャし、ビデオが読み込まれるか再生イベントがトリガーされるまで、それをプレビュー画像として使用することはできますか? poster 属性については知っていますが、ビデオのランダムなフレームのように、サムネイルを自己生成したいと考えています。YouTube/Vimeo のようなものです。
ありがとう、
これは純粋な HTML5 では不可能だと思います。主な理由は、Web ページに「オブジェクト」が表示されたときにストリームがロードされていないため、クライアントが目的のフレームを取得できないためです。
ただし、最適なオプションは、ページをロードする前に「ランダム フレーム」を保存/キャッシュしてから、ビデオのポスターとして使用することです。これにより、クライアントの作業を減らし、帯域幅を節約できます。
これは私が最初に見つけたものです(PHPを使用していて、フレームを取得するための「すばやく汚い」方法が必要な場合)
どうやらHEREには popcorn.js を使用した解決策がありますが、必要な (私が思うに) 方法でそれを行うことはできないようです。
これは、ブラウザのセキュリティ上の問題により、同じドメイン内でのみこれを実行できるためです。