在视频标记内嵌入标记无法正常工作。 HTML5视频后备功能不起作用

时间:2014-06-12 18:03:49

标签: html5-video embed quicktime fallback

HTML5视频代码后备功能对我无效。没有视频标记的嵌入标记工作正常。

下面的代码不起作用。

<!DOCTYPE html>
 <html>
  <head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf8">
   <title>Video Demo</title>
  </head>
  <body>        
<video width="549" height="309" controls autoplay>
    <source src="small.3gp" type="video/3gpp">
<div>
      No Movie
    <embed width="549" height="309" autoplay="true"  type="video/quicktime" src="small.3gp">
        </div>
    </video>

</body>
</html>

下面的代码可以使用。

<!DOCTYPE html>
 <html>
  <head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf8">
   <title>Video Demo</title>
  </head>
  <body>
    <embed width="549" height="309" autoplay="true"  type="video/quicktime" src="small.3gp">    
</body>
</html>

我需要创建一个视频播放器,它可以运行任何类型的视频文件,如果本机不支持,则可以快速回退。 Mp4格式工作正常,因为它在本机浏览器中支持(Chrome,IE和FF也已经存在解码器)。 我正在测试Mp4以外的后备。像这样的3gp。 我已经看过每个人的Video代码示例,videojs,diveintohtml5 / video,但是无法执行上面的代码。 任何帮助,将不胜感激。

0 个答案:

没有答案