videojsでHandbrake(H.264)でmpegからMP4に変換したvideo.js 4.0で動画を埋め込んでいます。その後、mp4 を ogv と webm (online-convert.com) に変換しました。
動画が iOS 5.1 (iPad 1) または 6.1.2 (iPhone 4) で再生されません。ただし、最新世代の iPad の 6.x、すべての Mac および PC ブラウザー (ie7 まで) では動作します。iOS 5.1 (iPad 1) では、エンドレス スピナーが表示されます。iOS 6.1.2 (iPhone 4) では、再生記号に線が引かれます。
ここに私の埋め込みコードがあります:
<video id="my_video_1" class="video-js vjs-default-skin" preload="auto" width="1050" height="588" poster="/img/posterframe.jpg"
data-setup="{}">
<source src="/video/Design_Sketch_new.mp4" type='video/mp4'>
<source src="/video/Design_Sketch_new.ogv" type='video/ogg'>
<source src="/video/Design_Sketch.webm" type='video/webm'>
</video>
誰にもアイデアはありますか?ファイルを別の方法でエンコードする必要がありますか? 追加のフォーマットを提供しますか? ビデオを別の方法で埋め込みますか?