如何缓冲视频托管的不同服务器上的HTML

我的MP4文件
的视频网址当我尝试使用HTML5视频标签或的Video.js播放，视频从未缓冲区。
但是，当我在浏览器中尝试相同的链接下载视频。

<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和视频被播放。它不与铬合作，似乎是一个插件问题或类似...

来源

2014-04-12 coding_idiot

我有你在我身边描述你的代码相同的问题。除Chrome之外的其他地方都可以使我发现如果我在我的一台服务器上托管你的mp4，它工作的很好......即使在Chrome中也是如此。

基于这一点，我怀疑服务器端问题，即您的mp4所在的服务器未正确调整为HTML5视频。此问题的常见来源是MIME类型。我建议你仔细检查这个区域。

here的“MIME类型背后其丑陋的头”部分可以告诉你如何做到这一点（Google上的其他相关文章也处理服务器的不同风格的主题）。

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

来源

2014-04-13 22:09:07

我无法理解确切的问题，但代码工作稍作改动。我刚刚发布了解决方案。 –

我修改下面的视频代码：

<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-15 05:09:28

您确实更改了源服务器提供商的源标签的src，以便更好地支持HTML5视频交付（您的案例中使用rackcdn），因此您的问题已得到解决。尽管我可以让你的新网址在Chrome浏览器中使用videojs，但效果很差。 –

@ Florestan06对不起，我忘了我已经改变了视频网址，因此，这不是正确的答案。寻找一个插件或东西，可以解决它在铬。 –

那么我们可以考虑检测用户代理并强制Chrome浏览器的闪回，但这并不理想。例如，Android上的Chrome浏览器会遇到无闪现的问题，然后您需要检测Android ... –

如何缓冲视频托管的不同服务器上的HTML

回答

相关问题