Question

我正在努力让HTML5视频正常运行。我正在使用本地服务器。

<video id="headervideo" controls>
   <source src="<?php echo base_url(); ?>assets/home.mp4" type="video/mp4">
   Your browser does not support the video tag.
</video>

然而，文件拒绝播放。当我使用绝对路径访问它时，它只是显示播放按钮灰色的播放器。这可能是什么问题？

Answer 1

像Internet Explorer和Safari这样的浏览器支持播放mp4文件的.H264编解码器。 Firefox支持播放.ogv文件的Theora编解码器。 Chrome支持.H264和Theora。但要使您的视频适用于所有浏览器，您需要使用HandBrake等应用程序将mp4视频编码为不同的格式。然后打开你的代码：

<video id="headervideo" controls>
    <source src="<?php echo base_url(); ?>assets/home.mp4" type="video/mp4">
    <source src="<?php echo base_url(); ?>assets/home.webm" type="video/webm">
    <source src="<?php echo base_url(); ?>assets/home.ogv" type="video/ogg">
    Your browser does not support the video tag.
</video>

并将您的.htacess文件更改为支持视频

AddType video/mp4 mp4 m4v
AddType audio/mp4 m4a 
AddType video/ogg ogv
AddType audio/ogg ogg oga
AddType video/webm webm

Answer 2

这是一个适合我的简单解决方案。我的问题是在Chrome上播放MP4视频文件（我认为29 - 2013年夏末全新安装）。我在围绕WWW浏览一堆类似的线程并尝试了一堆带有扩展的东西之后找到了这个解决方案。这是有效的：

键入chrome：标记到该页面上的chrome地址栏中搜索“hardware”

启用“硬件加速视频解码”。然后重新启动它

这将允许你在chrome上播放mp4 - 如果你想这样做的话，可以转换为chromecast。

Chrome不会播放.mp4文件

2 个答案: