HTML5 视频问题答案

【问题标题】：HTML5 Video ProblemHTML5 视频问题
【发布时间】：2011-07-17 07:37:50
【问题描述】：

我在 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 上运行相同的代码，但仍然无法正常工作

有什么想法吗？？

【问题讨论】：

标签： android html html5-video

【解决方案1】：

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

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

Android 的一个怪癖。

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

【讨论】：

【解决方案2】：

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

更多关于可能值的信息：

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

【讨论】：

【解决方案3】：

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

【讨论】：