3

私の HTML5 ビデオ構文は、この男とほぼ同じです。

<video height="270" width="480"
    src="media/bbb.ogv" 
    poster="media/bbb.jpg" 
    durationHint="0:4:44">
</video>

iPhone (iOS 5.0) とデスクトップ Firefox では、ポスターが表示されます。

ここに画像の説明を入力

ただし、iPad (iOS 5.0.1) では表示されません。以前は iOS 5 未満の iPad で動作していたことを思い出します。

ここに画像の説明を入力

4

1 に答える 1

6

相対パスではなく絶対パスを使用して、同じコードを試してください。

<video height="270" width="480"
    src="http://cdn.kaltura.org/apis/html5lib/kplayer-examples/media/bbb_trailer_iphone.m4v" 
    poster="http://cdn.kaltura.org/apis/html5lib/kplayer-examples/media/bbb480.jpg" 
    durationHint="00:04:44">
</video>

それでもうまくいかない場合は、CDN が外部リファラーをブロックしている可能性があるため、ファイルをローカル サーバーに保存し、それらへの絶対パスを使用してみてください。

注: 絶対パスを使用する必要はありませんが、トラブルシューティングの際に役立ちます。

それが失敗した場合の別の解決策は、絶対位置の画像オーバーレイを使用することです。これは、クリックすると JavaScript を使用して下にタグを付けます。しかし、これは古いハックであり、iOS 5 以降では必要ありません。

iOS 3 には、ビデオ タグの poster 属性に関する既知の問題があります: http://videojs.com/2010/09/ipad-iphone-video-poster-fix-bonus-javascript-placement-fix/

于 2012-05-04T01:16:40.273 に答える