简单的Html5代码有错误

时间:2014-02-28 07:18:00

标签: javascript html5 flash video

我有一个简单的html页面,带有视频播放器,显示mp4文件。对于那些不支持html5标签且不支持此格式的视频.mp4。我需要通过Flash播放器播放此视频。

<video width="800" height="600" poster="kinopoisk2013.png" controls='controls'> 
<video src="http://www.youtube.com/embed/XGSy3_Czz8k" width="800" height="600" controls='controls' > 
    <source src="kinopoisk2013.mp4" type="video/mp4" />
    <p>Your browser can’t play HTML5 video. <a href="kinopoisk2013.mp4"> Download it</a> instead.</p>
</video> 

如何通过Flash播放器播放mp4本地视频文件?

添加

1)

<object data="flvplayer.swf" type="application/x-shockwave-flash">
  <param value="flvplayer.swf" name="movie"/>
</object>

但我添加文件的数据和值是什么:'kinopoisk2013.mp4'

2)microsoft

   <object>
      <embed src=kinopoisk2013.mp4" type= "application/x-shockwave-flash" allowfullscreen="false" allowscriptaccess="always" />
   </object> 

微软的例子。它也不起作用

3)歌剧

<object type="application/x-shockwave-flash" data="m/player.swf"
width="854" height="504">
  <param name="allowfullscreen" value="true">
  <param name="allowscriptaccess" value="always">
  <param name="flashvars" value="file=video.mp4">
  <!--[if IE]><param name="movie" value="player.swf"><![endif]-->
  <img src="video.jpg" width="854" height="480" alt="Video">
  <p>Your browser can’t play HTML5 video. <a href="video.webm">Download
  it</a> instead.</p>
</object>

什么数据,文件?什么,为什么?

1 个答案:

答案 0 :(得分:1)

这是带有闪存备份的代码,用于支持旧设备上的视频

<video controls poster="video.jpg" width="854" height="480">
  <source src="video.mp4" type="video/mp4">
  <source src="video.webm" type="video/webm">
  <object type="application/x-shockwave-flash" data="player.swf" width="854" height="504">
    <param name="allowfullscreen" value="true">
    <param name="allowscriptaccess" value="always">
    <param name="flashvars" value="file=video.mp4">
    <!--[if IE]><param name="movie" value="player.swf"><![endif]-->
    <img src="video.jpg" width="854" height="480" alt="Video">
  <p>No video playback compatibility. <a href="video.webm">Download it</a> instead.</p>
 </object>
</video>

有关详细信息,请参阅Opera Dev http://dev.opera.com/articles/view/simple-html5-video-flash-fallback-custom-controls/

中的这篇文章
相关问题