Question

这是我的代码

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
    </script>
    <script src="javascripts/video.js-stable/dist/video-js/video.js"></script>
    <link rel="stylesheet" type="text/css" href="javascripts/video.js-stable/dist/video-js/video-js.css" />

    <script>
   videojs.options.flash.swf ="http://localhost/site/public/javascripts/video.js-stable/dist/video-js/video-js.swf";   
   </script>
    <title>video</title>
  </head>
  <body>
     <video id="example_video_1" class="video-js vjs-default-skin"
controls="" preload="auto" width="640" height="264"
poster=""
data-setup='{"example_option":true}'>
         <source src="http://localhost/site/public/videos/ogg.mp4" type='video/mp4'/>    

 </video>
  </body>
 </html>

当我在firefox 3中播放视频然后firefox崩溃，当我使用firefox 11然后它播放正常...我读到某个地方firefox没有支持html5中的mp4视频。如果html5中的firefox不支持mp4，这意味着我的代码使用flash，因为在Firefox 11中视频播放正常，或者我如何检查我的代码是否使用flash作为后备。还有一件事，当我尝试播放3gp视频时，它会在所有现代浏览器中显示错误。错误：很抱歉找不到兼容的源和播放技术。 什么是真正的问题？请帮忙。谢谢你提前!!

Answer 1

有关Firefox MP4支持的详细信息，请访问此page。

使用source指定多个备用媒体资源以实现兼容性：

<video ...>
  <source src="video.mp4" type="video/mp4">
  <source src="video.ogv" type="video/ogg">
  ...
</video>

将object放在video内，以提供后备：

<video ...>
  <source src="video.mp4" type="video/mp4">
  ...
  <object type="application/x-shockwave-flash" data="flash_player.swf" ...>
    <param name="movie" value="flash_player.swf">
    <param name="flashvars" value="flash-variables">
    ...
  </object>
</video>

.3gp支持：

<source src='video.3gp' type='video/3gpp; codecs="mp4v.20.8, samr"'>

video.js后备无法正常工作

1 个答案: