Question

我有以下代码：

<video width="320" height="240" controls>
    <source src="video.mp4" type="video/mp4"> 

     Your browser does not support the video tag.
</video>

它的工作正常来自本地文件，但是当我尝试

时

<video width="320" height="240" controls>
    <source src="URL" type="video/mp4"> 

     Your browser does not support the video tag.
</video>

它加载视频帧和按钮，但我无法启动它。所有按钮都处于非活动状态这仅在Chrome中发生。我尝试使用自动运行，但它没有启动（再次在FF中运行，但在Chrome中不运行）

修改位置/ ID是视频的下载链接。 1分钟后出现控制台错误：GET location / id net :: ERR_CONNECTION_RESET

编辑2 我不认为我可以发布真实位置。这是我用于测试的代码片段：

    <video width="320" height="240" controls="">              
        <source src="test video.mp4" > </source>                       
    </video>
    <video width="320" height="240" controls="">              
            <source src="URL" type="video/mp4">   </source> <-- this is the one that is not running          
        </video>
<video width="320" height="240" controls="">              
            <source src="http://video-js.zencoder.com/oceans-clip.mp4" type="video/mp4"> <--for testing  </source>               

</video>

网址和测试视频.mp 是同一个文件，从网址和网站上运行，第三个视频用于测试及其工作。问题是 - URL 给了我下载地址，但是当我打开 http://video-js.zencoder.com/oceans-clip.mp4 时，视频会在另一个标签上运行。是否有可能我有错误的网址（不要忘记一切都在FF上运行） URL是文件的下载链接吗？

Answer 1

有许多不同风格的MP4视频，所以即使Firefox可以播放，也许你的Chrome可能不适合播放。

也许您可以尝试使用类似Miro Video Converter的内容重新转换它？

Answer 2

这可能是托管MP4的服务器端问题。您可以采取以下步骤：

检查您的服务器上是否启用了CORS，并且您使用的是最新版本的Chrome。有关启用CORS的更多信息：http://enable-cors.org
在您的apache / nginx /（或其他）服务器上检查MP4的mime /类型是否有序请参阅server support here
尝试在另一台远程服务器上托管该文件
尝试在Safari桌面/ Internet Explorer 9+中查看是否可以读取该文件（两者都可以读取HTML5中的mp4文件）
在源代码<source src="URL" type='video/mp4; codecs="avc1.42E01E,mp4a.40.2"' />

ERR_CONNECTION_RESET似乎表示网络错误/超时。您是否在测试位置和托管的mp4文件之间使用代理？

由于

HTML 5视频未从网址加载（仅限Chrome）

2 个答案: