以下类似的视频标签在iPhone上播放良好,但在Android上不行:
<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中剪辑是可点击的,但仍然没有任何作用。
有人可以帮忙吗?