2
  1. 我有一个 .mp4 文件的视频网址
  2. 当我尝试使用 html5 视频标签或 video.js 播放时，视频从不缓冲。
  3. 但是当我在浏览器中尝试相同的链接时，它会下载视频。

代码 ：

<html>
    <head>
        <link href="http://vjs.zencdn.net/4.5/video-js.css" rel="stylesheet">
        <script src="http://vjs.zencdn.net/4.5/video.js"></script>
    </head>
    <body>
        <video width="320" height="240" controls>
        <source src="http://vl.mccont.com/ItemFiles/%5BFrom%20www.metacafe.com%5D%2011334027.29120961.4.mp4?__gda__=1397298243_b382c45af7c5325b3f7443f57412d04c 
" type="video/mp4">
            Your browser does not support the video tag.
        </video>
        <video id="my_video_1" class="video-js vjs-default-skin" controls
 preload="auto" width="640" height="264" poster="my_video_poster.png"
 data-setup="{}">
 <source src="http://vl.mccont.com/ItemFiles/%5BFrom%20www.metacafe.com%5D%2011334027.29120961.4.mp4?__gda__=1397298243_b382c45af7c5325b3f7443f57412d04c" type='video/mp4'>

</video>
    </body>
</html>

我无法弄清楚/谷歌解决这个问题。请帮忙。

编辑

上面的代码在 Firefox 中运行良好，并且可以播放视频。它不适用于chrome，似乎是插件问题之类的......

4

2 回答 2

2

我对您的代码有同样的问题。可在除 Chrome 之外的任何地方使用。我发现，如果我将您的 mp4 托管在我的一台服务器上，它工作正常……即使在 Chrome 中也是如此。

基于此，我怀疑是服务器端问题，即交付 mp4 的服务器未针对 HTML5 视频进行适当调整。此问题的常见来源是 MIME 类型。我建议你仔细检查这个区域。

这里的“MIME Types Rear their Ugly Head”部分可以向您展示如何做到这一点（Google 上的其他相关文章也针对不同风格的服务器处理该主题）。

让我们知道它是否适合您。

于 2014-04-13T22:09:07.270 回答
0

我修改了视频代码如下：

<video id="movie" width="320" height="240" preload controls>

  <source src="http://c6969c880f66ae12a3e2-87bf587b08b2b7b4541aa273825a564d.r1.cf1.rackcdn.com/11334027.29120961.4.mp4" />
  <object width="320" height="240" type="application/x-shockwave-flash"
    data="flowplayer-3.2.1.swf">
    <param name="movie" value="flowplayer-3.2.1.swf" />
    <param name="allowfullscreen" value="true" />
    <param name="flashvars" value="config={'clip': {'url': 'http://c6969c880f66ae12a3e2-87bf587b08b2b7b4541aa273825a564d.r1.cf1.rackcdn.com/11334027.29120961.4.mp4', 'autoPlay':false, 'autoBuffering':true}}" />

  </object>
</video>

现在它适用于所有浏览器。虽然使用的意图video.js没有实现。

于 2014-04-15T05:09:28.580 回答