0

jquery mobile と video タグを使用して動画を表示しています。ビデオはすべての「デスクトップ」ブラウザーで正常に再生されますが、モバイル サファリ (iPhone) で次のコードを使用すると、再生時にコントロールのない黒い四角形のみが表示されます。

html5 の例で一般的に使用されているビデオを使用しました。（http://www.bigbuckbunny.orgから）なので、エンコードの問題ではないはずです。

URL http://myurlofvideo.mp4を入力してビデオに直接アクセスすると、モバイル Safari で正しく再生されます。

問題の原因は何ですか?

前もって感謝します！

<video width="75%"  id="video1" controls="true"  autoplay="true">
<source src="videos/mov_bbb.mp4" type="video/mp4">
<source src="videos/mov_bbb.webm" type="video/webm">
Your browser does not support the video tag. 
</video>
4

1 に答える 1

0

以下のサンプルを iphone シミュレーターで試してみましたが、動作しています。チェックしてください。

<video width="320" height="240" controls>
   <source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4">  
   Your browser does not support the video tag.
   </video>

クリックすると動画のプレビュー画像が表示され、フルスクリーンで再生されます。

于 2013-03-27T09:56:06.883 に答える