Html5视频元素拒绝播放

时间:2016-01-24 04:42:04

标签: html5 video

我有一个html5视频嵌入如下:

<video controls poster="/wp-content/uploads/2015/12/screenvid1.png">

   <source src="/wp-content/uploads/2015/12/Speeltuin-de-Vaan-montage-met-muziek.mp4" type="video/mp4">

   <source src="/wp-content/uploads/2015/12/Speeltuin-de-Vaan-montage-met-muziek.mp4.ogg" type="video/ogg">

 Your browser does not support the video tag.

</video> 

这在测试服务器上运行良好。但是,它并没有在“真实”的情况下发挥作用。服务器。在这个真实的&#39;服务器,Internet Explorer 11说&#34; Invalid Source&#34;和Firefox 43.0.4说&#34;没有支持格式和MIME类型的视频。&#34;

我非常肯定源文件在正确的地图中,并且相信浏览器会找到该文件,但不知何故拒绝播放它。至少我不知道源文件可能在错误的地方。确切地说,当我将文件路径更改为不存在的路径时,我收到相同的错误消息,但正如我所说,我不知道它是如何成为一个简单的例子。文件未找到&#39;。如果是“找不到文件”的情况,那不是因为文件实际上并不存在(除非我当然错误地记错!)

注意:两个服务器之间源文件路径的唯一区别在于,在测试服务器上,路径以额外的地图&#39; / wptest&#39;开头,因为这是子图Wordpress网站驻留在,而真正的&#39;服务器它驻留在根文件夹中。将网站复制到“真实”网站后服务器,我已经在许多文件(例如图像)的所有相关位置进行了相应的更改,并且始终找到文件。我还检查了三次文件实际存在,在正确的地图中,真实的&#39;服务器。事实上,让我上传一张地图结构的屏幕截图,就像它在真实的地图上一样。服务器(选择了视频文件):

http://www.test2468.nl/wptest/Screenshot%20(3137).png

[注意:在此服务器上,地图名为&#39; svvreewijk&#39;总是算作根文件夹!]

我发现了有关此错误消息的其他问题,但建议的解决方案似乎相当复杂(比如使用特殊音频格式化软件更改格式),我仍然希望问题实际上很简单解决 - 特别是考虑到视频在测试服务器上播放没有问题。

链接到测试服务器上的相关页面:http://www.test2468.nl/wptest/foto-vid/(右侧更多视频)

链接到&#39; real&#39;上的等效页面服务器: http://www.svvreewijkdevaan.nl/nl/foto-video/

感谢。

2 个答案:

答案 0 :(得分:1)

在第一种情况下,文件存在:

$ wget --spider test2468.nl/wptest/wp-content/uploads/2015/12/Speeltuin-de-Vaan-montage-met-muziek.mp4
HTTP request sent, awaiting response... 200 OK
Length: 587940629 (561M) [video/mp4]
Remote file exists.

在第二种情况下,文件不会:

$ wget --spider svvreewijkdevaan.nl/wp-content/uploads/2015/12/Speeltuin-de-Vaan-montage-met-muziek.mp4
HTTP request sent, awaiting response... 404 Not Found
Remote file does not exist -- broken link!!!

答案 1 :(得分:1)

这绝对是服务器正在返回一条消息,说该文件不可用,Sarah说。

鉴于您的问题中的信息,这可能是由许多事情引起的: