HTML5视频元素拒绝玩

Question

我有嵌入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> 

这在测试服务器上正常工作。但是，它不适用于'真正'的服务器。在这个“真实”的服务器上，Internet Explorer 11显示“Invalid Source”，Firefox 43.0.4显示“未找到支持格式和MIME类型的视频”。

我相当肯定源文件是在正确的地图上，并相信浏览器找到该文件，但不知何故拒绝播放它。至少我没有看到源文件可能在错误的地方。确实，当我将文件路径更改为不存在的路径时，我得到了相同的错误信息，但正如我所说的，我没有看到它可能是'文件未找到'的简单情况。如果这是一个'文件未找到'的情况，这不是因为该文件实际上并不存在（当然，除非我悲惨地错过了！）

注意：源文件路径的唯一区别两台服务器之间是在测试服务器上，路径以额外映射'/ wptest'开始，因为这是Wordpress网站所在的子映射，而在'真实'服务器上它驻留在根文件夹中。将网站复制到“真实”服务器后，我已在所有相关位置对许多文件（例如图像）进行了相应更改，并始终找到这些文件。我还检查了三次文件实际上存在于正确的地图上的“真实”服务器上。事实上，让我上传地图结构的截屏，因为它是“真正的”服务器上（与所选择的视频文件）：

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

[注：在此服务器上，被称为地图“ svvreewijk'始终算作根文件夹！]

我发现了关于此错误消息的其他问题，但提出的解决方案看起来相当复杂（如使用特殊音频格式化软件更改格式），而且我仍然希望该问题实际上很容易解决 - 特别是考虑到视频在测试服务器上无问题地播放。

链接到测试服务器上的相关页面：http://www.test2468.nl/wptest/foto-vid/（视频更向右）

链接到对应网页“真正的”服务器上： http://www.svvreewijkdevaan.nl/nl/foto-video/

感谢。

Answer 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!!! 

Answer 2

它确定的是，服务器返回一个消息，说的情况下文件没有萨拉所说的。

鉴于你的问题的信息，这可能由多种原因引起：相对VS测试服务器和真实服务器之间的绝对路径

• 不同（虽然如果你的其他文件，图像等工作，这看起来少可能）。
• 视频文件非常大 - 您的服务器或网络可能有非常大的文件的限制
• 有可能是在服务能力的服务器视频差值（例如看到类似的问题与MP4上的IIS：http://robwillis.info/2012/04/iis-7-404-file-not-found-when-the-file-really-does-exist/）