【问题标题】:Html5 video tag not working in chromeHtml5 视频标签在 chrome 中不起作用
【发布时间】:2013-08-27 17:37:53
【问题描述】:

在 W3school 视频标签教程中,我检查了 Chrome,它运行良好,但我将代码复制到我的项目中,但它不起作用。代码如下:

<video width="500" height="400" controls autoplay>
    <source src="C:\Users\Sunny\Desktop\My_Passion.mp4" type="video/mp4"/>              
</video>

【问题讨论】:

    标签: html


    【解决方案1】:

    视频源 URL 必须指向托管此页面的网络服务器。它不适用于您当前在其中的本地文件路径(指向本地计算机上的视频文件)。

    所以请确保 My_Passion.mp4 文件在您的网络服务器上,然后按如下方式更改源:

    <source src="My_Passion.mp4" type="video/mp4"/>
    

    【讨论】:

    • 如果我想在 localhost 上显示视频,它是否可以工作?
    • 我正在使用 codeigniter
    • 如果文件与您的 HTML/PHP 文件位于同一目录中,它将在 localhost 上运行。
    • 确保使用正斜杠设置路径:src="&lt;?php base_url() ?&gt;/video/My_Passion.mp4"
    • 是的,我使用正斜杠来设置路径,例如
    【解决方案2】:

    Chrome 不支持 .mp4 视频编解码器。重新编码视频。

    <video width="500" height="400" controls autoplay> <source src="C:\Users\Sunny\Desktop\My_Passion.mp4" type="video/mp4"/> <source src="C:\Users\Sunny\Desktop\My_Passion.ogv" type="video/ogg"/>
    </video>

    你可以使用online video converter

    【讨论】:

    • 我看到有关 Chrome 支持 mp4 编解码器的冲突文档,它播放我的 mp4 视频,我使用的是 Chrome 版本 46.0.2490.80
    最近更新 更多