1

我需要在我的网页中播放视频。我使用以下代码进行测试。结果显示播放器，但不会播放视频。我使用更新的 chrome 作为我的网络浏览器。

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>

<video controls=controls>
    <source src = "q.mp4" type="video/mp4"/> 
</video>

</body>
</html>

注意-我的视频和网页包含在同一个文件夹中。

我将来源更改如下

<video width="400" height="300" controls>
       <source src="video.m4v" type="video/mp4">
       <source src="video.webm" type="video/webm" />
       <source src="video.ogg" type="video/ogg" />
</video>

现在 webm 文件在我的 waterfox 浏览器中播放，但在 chrome 和 IE 上的结果相同

4

3 回答 3

0

播放视频很棘手，你可以试试这个

<video width="400" height="300" controls>
  <source src="q.mp4" type="video/mp4">
  <object data="q.mp4" width="400" height="300">
  </object>
</video>

chrome 可能不支持您的 mp4 文件的编码 chrome 可以播放 html5 mp4 视频，但 html5test 说 chrome 不支持 mp4 视频编解码器

如果上述方法不起作用，您可以尝试flowplayer它会先尝试使用 html5 播放视频，然后再回退到 flash 播放器。

于 2013-09-11T05:51:23.530 回答
0

有两种方法可以做到这一点

使用 J 查询插件，如 video.js 或使用 HTML5

这是链接

于 2013-09-11T05:53:14.707 回答
0

尝试为所有视频文件提供适当的编解码器。像这样：

<video width="400" height="360" controls>
  <source src="video.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
  <source src="video.webm" type='video/webm; codecs="vp8, vorbis"'>
  <source src="video.ogv" type='video/ogg; codecs="theora, vorbis"'>
    Your browser does not support the video tag.
</video>
于 2013-09-11T06:32:07.777 回答