2017-03-06 2 views
0

私はHTML5ビデオを使用していますが、ビデオフレームをビデオポスターとして使用する方法はありますか?ビデオフレームをポスターとして

<video controls poster="/images/poster.jpg"> 
    <source src="movie.mp4" type="video/mp4"> 
    <source src="movie.ogg" type="video/ogg"> 
</video> 

編集:質問をより簡単にする。動画の最後のフレームを動画のポスター画像として使用するにはどうすればよいですか?

+0

[最小、完全、および検証可能な例](http://stackoverflow.com/help/mcve)を提供できますか? –

+0

[HTML5ビデオの最初のフレームを動的にポスターとして使用しますか?](http://stackoverflow.com/questions/7323053/dynamically-using-the-first-frame-as-poster-in-html5-video) –

答えて

0

ビデオのフレームを抽出してビデオのポスターとして使用する方法はありません。手動でのみ実行されます。

これは、目的のフレームのスクリーンショットを撮るのに適した方法です。スクリーンショットをポスターとして適用します。それは良い方法です。

0

ベストソリューションは、単純なプリントスクリーニングによって最後のフレームイメージを取得するか、見つけられる別のイメージを取得することです。

動画が終了したら、隠されるまで不透明度を下げて背景画像を残してください(またはポスターがこのステップを無視すると)、背景画像はそのまま残ります。

最後のフレームを表示する方法はありません(アニメーションとは異なり、ビデオに「進む」と言うことができないため)。

ループしたり、重ねて表示する(またはポスターを表示しますが、自分で画像をカット/取得する)ことができます。

関連する問題