Android上的HTML5 <video>元素不玩

视频标签，如下面的正常播放与iPhone，但Android的不是：Android上的HTML5 <video>元素不玩

<video id="video" width="320" height="240" poster="video/placeholder.jpg" autobuffer controls> 
    <source src="pr6.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'> 
    <source src="pr6.ogv" type='video/ogg; codecs="theora, vorbis"'> 
</video>

与上面的代码，Android的甚至不能单击剪辑。它只会看到海报图片。

视频标签像下面然而，随着Android版：

<video src="vpr6.mp4" poster="video/placeholder.jpg" onclick="this.play();"/>

但是，我仍然需要多个来源的能力（对Firefox的支持OGV ...）。下面的代码不起作用（也不如果我坚持的JavaScript到源标签他们的工作）：

<video id="video" width="320" height="240" autobuffer controls onclick="this.play();"> 
    <source src="pr6.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'> 
    <source src="pr6.ogv" type='video/ogg; codecs="theora, vorbis"'> 
</video>

有了上面的代码中，剪辑是在Android的点击，但依然什么都不做。

任何人都可以帮忙吗？

来源

2010-05-26 T1000

URG。我对视频和音频标签的状态感到绝望。 – spender 2010-05-26 08:49:15

这是一个本地或网页？如果是本机，您是否为Webview启用了Javascript？ – Pentium10 2010-05-26 08:50:50

只是我试图设置的网页，以便多个浏览器可以正确播放视频。 – T1000 2010-05-27 03:03:36

尝试从源列表中删除编解码器。可能是因为您列出的编解码器不在Android上，所以它很窒息。

如果您使用src属性，它会自动检测该编解码器，因此它使用别的东西:)

来源

2010-05-26 08:53:37

就是这样！谢谢。它现在工作完美。通过源代码中的另一个流式播放器，我现在可以在IE，Firefox，Safari，iPhone和Android上正确播放视频。这让人很奇怪为什么编解码器的属性呢。加快速度？ – T1000 2010-05-27 02:02:23

给大家一个提示。 onclick =“this.play（）;”仅适用于Android ...其他浏览器不需要此功能。 – T1000 2010-05-27 04:13:27

@Artiom Chilaru你能否让我发现[这个问题]出了什么问题（http://stackoverflow.com/questions/14156411/loading-youtube-video-through-i-frame-in-android-webview） – edwin 2013-01-07 07:07:31

回答

相关问题