Question

我在此处找到了同一问题的其他帖子，例如this或this，但我无法解决我的问题。首先，我在javascript以下运行：

<script type="text/javascript">
    var options = JSON.stringify({'maxSize': 320, 'videoQuality': 6, 'noaudio': true});
    ogg.encode(options);
</script>

然后我在html下面：

<video id="video1" width="500" controls="controls" >
    <source src="Rio2Trailer.mp4" type="video/mp4"/>
    <source src="Rio2Trailer.ogv" type="video/ogg"/>
    <source src="Rio2Trailer.webm" type="video/webm" />
    The browser does not support HTML5 video.
</video>

我尝试添加

AddType video/webm .webm
AddType video/mp4 .mp4

到.htaccess文件（该文件为空）但没有成功。

在Firefox上，我收到消息：

找不到支持格式和MIME类型的视频。

在Chrome上，我只能看到控件，但看起来它们已被禁用，而且我也看不到屏幕中间的播放按钮。

Answer 1

播放HTML5视频可能会非常棘手。有三件事需要检查：

检查您的MP4文件是否已正确编码以进行网络投放。您可以尝试使用handbrake或MP4Box或ffmpeg重新打包文件。您需要激活＆＃34; web优化＆＃34;选项（又名快速启动）与手刹。
检查您的服务器配置：对于mime类型，请查看here部分＆＃34; MIME类型后面的丑陋头部＆＃34;。尝试在配置更改后重新启动Apache服务器。如果它在.htaccess中不起作用，请尝试使用您的站点范围的httpd.conf。其他要检查的内容包括CORS和206部分内容/范围请求
检查您的脚本/ HTML5：使用您的mp4在空白页中尝试准系统HTML5视频标记。如果它有效，那么页面中的脚本可能会影响视频播放。您还可以在播放全高清视频时检查CPU负载。

我通常使用videojs mp4 sample作为已知工作mp4 / server配置的参考。这适用于mp4，但也适用于webm / ogg（您可以使用make web video转码为WebM或Ogg）。

让我们知道它是怎么回事。

HTML5视频无法在任何浏览器中使用

1 个答案: