1

ビデオタグで「ポスター」属性を使用していますが、少なくとも Webkit ブラウザーで機能するように見える方法は、ポスター画像をロードし、十分な数のビデオがロードされると、そのポスターを auto-ビデオファイル自体から生成されたポスター。

ただし、私のポスター画像は自動生成されたポスターと一致しないため、1 つの画像が読み込まれ、数秒で自動生成された画像に置き換えられるという奇妙な体験が生じます。自動生成された画像が使用されないようにする方法はありますか?

4

3 に答える 3

1

JW Player for HTML5でこれを回避することができました。最も簡単な方法は次のとおりです。

  • <video> srcプロパティが設定されている場合は、設定を解除して場所を保存します。
  • <video> タグにクリック ハンドラを追加します。クリックすると、 <video> src プロパティを再設定します。

これは問題なく動作しますが、JS マジックをさらに実行しない限り、再表示されるポスター画像は元の画像と同じにはならないため、再生時に問題が発生することを意味します。

また、モバイル Safari では <video> タグの上に何も配置できないことに注意してください。これを回避する方法:

  • <video> CSS を設定するdisplay:none
  • 別の <div> を同じ場所に追加し、<video> 要素と同じサイズで、poser 画像と同じ CSS 背景画像を使用します。
  • 新しい <div> にクリック ハンドラーを追加します。新しい <div> をクリックすると、新しい <div> が非表示になり、ビデオ タグが表示されます。
  • ビデオの再生が完了したら、<video> を非表示にして、新しい <div> を表示します。

うまくいけば、それは役に立ちます!

一番、

ザック

開発者、ロングテール動画

于 2010-06-18T21:08:45.240 に答える
1

これは、Webkit ブラウザーが仕様を実装することを決定した方法です (上記で引用)。あまり直感的ではないことに同意します。また、ユーザーが再生ボタンを押すまでポスター画像を表示したままにしたいと思います。https://bugs.webkit.org/の Webkit にバグ レポート (または機能要求) を送信することをお勧めします。

于 2010-06-18T02:37:20.920 に答える
0

唯一のオプションは、ビデオの最初のフレームがポスターと同じであることを確認するか、まったく使用しないことです。

「ビデオ要素が一時停止され、現在の再生位置がビデオの最初のフレームである場合、要素は、ユーザー エージェントの裁量により、現在の再生位置に対応するビデオのフレームまたはポスター フレームのいずれかを表します。」-- http://www.w3.org/TR/html5/video.html#attr-video-poster

于 2010-06-17T21:20:26.243 に答える