Question

我在HTML5中遇到问题我试图在Android模拟器浏览器上显示视频我正在使用以下代码

<!DOCTYPE HTML>
<html>
<body>

<video width="320" height="240" controls="controls">
  <source src="TJ.mp4" type="video/mp4" />
  Your browser does not support the video tag.
</video>

</body>
</html>

它不起作用我试图在Chrome上运行相同的代码，但仍无法正常工作

任何想法？

Answer 1

从type元素中删除<source>属性，并通过JavaScript API实现播放。

var video = document.getElementsByTagName('video')[0];
video.addEventListener('click',function(){ video.play(); },false);

Android的怪癖。

这里有一些有用的东西：Making HTML5 Video Work on Android Phones。

Answer 2

我建议在源标记中添加编解码器属性。

此处有关可能值的更多信息：

http://www.w3.org/TR/html5/video.html

Answer 3

根据目前的更新，chrome不支持H.264及其子集编解码器。如果你的mp4文件有H.264编解码器，那么chrome就不会在视频中播放该文件。这是我个人的经历。

HTML5视频问题

3 个答案: