Chrome 不会播放 .mp4 文件

sty*_*yke 5 html video mp4 localhost

我正在尝试让 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>
Run Code Online (Sandbox Code Playgroud)

但是,该文件拒绝播放。当我使用绝对路径访问它时,它只会显示播放按钮为灰色的播放器。这里可能是什么问题?

小智 2

Internet Explorer 和 Safari 等浏览器支持播放 mp4 文件的 .H264 编解码器。Firefox 支持播放 .ogv 文件的 Theora 编解码器。Chrome 同时支持 .H264 和 Theora。但要使您的视频在所有浏览器上运行,您需要使用 HandBrake 等应用程序将 mp4 视频编码为不同的格式。然后amke你的代码:

<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>
Run Code Online (Sandbox Code Playgroud)

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

AddType video/mp4 mp4 m4v
AddType audio/mp4 m4a 
AddType video/ogg ogv
AddType audio/ogg ogg oga
AddType video/webm webm  
Run Code Online (Sandbox Code Playgroud)