2

ビデオ再生用に .mp4、.webm、.ogv、.swf ファイルをサーバーにアップロードしています。クロスブラウザー/フォールバック用に以下のコードを使用しています。

<video width="570" height="338" tabindex="0" loop="loop" controls="controls" autoplay="autoplay">
  <source type="video/mp4" src="/Resources/videos/product.mp4"></source>
  <source type="video/webm" src="/Resources/videos/product.webmsd.webm"></source>
  <source type="video/ogg" src="/Resources/videos/product.oggtheora.ogv"></source>
  <object width="570" height="338" type="application/x-shockwave-flash" data="/Resources/videos/product.swf">
    <param wmode="opaque" value="/Resources/videos/product.swf" name="movie">
    <param value="false" name="allowFullScreen">
    <param value="transparent" name="wmode">
    <param value="config={'playlist':['http%3A%2F%2Fbeta.com',{'url':'http%3A%2F%2Fbeta.com%2FResources%2Fvideos%2Fproduct.mp4','autoPlay':false}]}" name="flashVars">
  </object>
</video>

ビデオは、IE、Chrome、Firefox、および Safari (Windows) で問題なく動作します。ただし、ビデオは遅延し、Mac の Safari ではピクセル化されます。下の画像を参照してください。ここに画像の説明を入力

誰かが以前にこの問題に遭遇したことがあり、それを修正するために正しい方向に私を導くことができるかどうか疑問に思っています. よろしくお願いします。

4

0 に答える 0