如何在所有平台上播放视频播放器

时间:2011-06-07 12:38:30

标签: html5-video

当我尝试在Android 2.2上播放视频时,它说“抱歉视频无法播放”。 这是我正在使用的代码

<video id="example_video_1" class="video-js" width="576" height="362" controls="controls" preload="auto" poster="http://www.tazsoldev.com/8cow/wp-content/themes/8cow/images/splash.png">
  <source src="http://www.tazsoldev.com/8cow/wp-content/themes/8cow/frontpage1.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
    <source src="http://www.tazsoldev.com/8cow/wp-content/themes/8cow/frontpage1.theora.ogv" type='video/ogv; codecs="theora, vorbis"' />
 <!-- Flash Fallback. Use any flash video player here. Make sure to keep the vjs-flash-fallback class. -->
  <object id="flash_fallback_1" class="vjs-flash-fallback" width="576" height="362" type="application/x-shockwave-flash"
    data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf">
    <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" />
    <param name="allowfullscreen" value="true" />
    <param name="flashvars" value='config={"playlist":["http://www.tazsoldev.com/8cow/wp-content/themes/8cow/images/splash.png", {"url": "http://www.tazsoldev.com/8cow/wp-content/themes/8cow/frontpage1.mp4","autoPlay":false,"autoBuffering":true}]}' />
    <!-- Image Fallback. Typically the same as the poster image. -->
    <img src="http://www.tazsoldev.com/8cow/wp-content/themes/8cow/images/splash.png" width="576" height="362" alt="Poster Image"
      title="No video playback capabilities." />
  </object>
</video>

<video id="example_video_1" class="video-js" width="576" height="362" controls="controls" preload="auto" poster="http://www.tazsoldev.com/8cow/wp-content/themes/8cow/images/splash.png"> <source src="http://www.tazsoldev.com/8cow/wp-content/themes/8cow/frontpage1.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' /> <source src="http://www.tazsoldev.com/8cow/wp-content/themes/8cow/frontpage1.theora.ogv" type='video/ogv; codecs="theora, vorbis"' /> <!-- Flash Fallback. Use any flash video player here. Make sure to keep the vjs-flash-fallback class. --> <object id="flash_fallback_1" class="vjs-flash-fallback" width="576" height="362" type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf"> <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" /> <param name="allowfullscreen" value="true" /> <param name="flashvars" value='config={"playlist":["http://www.tazsoldev.com/8cow/wp-content/themes/8cow/images/splash.png", {"url": "http://www.tazsoldev.com/8cow/wp-content/themes/8cow/frontpage1.mp4","autoPlay":false,"autoBuffering":true}]}' /> <!-- Image Fallback. Typically the same as the poster image. --> <img src="http://www.tazsoldev.com/8cow/wp-content/themes/8cow/images/splash.png" width="576" height="362" alt="Poster Image" title="No video playback capabilities." /> </object> </video>

有什么想法吗?

1 个答案:

答案 0 :(得分:-1)

我认为Android不支持MP4扩展,我不确定。 尝试视频的其他扩展或其他频率。