HTML 5 视频标签不适用于任何浏览器

标签 html html5-video

所以我使用 AnyConverter 将 .mov 转换为 .mpf.ogv.webm 格式.然后我将它们放在视频目录中并使用以下代码

 <video width="500" height="281">
    <source src="/video/video.mp4" type="video/mp4" />
    <source src="/video/video.ogv" type="video/ogg" />
    <source src="/video/video.webm" type="video/webm" />
</video>

但是,该视频不会在 Sarari、Chrome 或 Firefox 最新版本中显示。 我正在使用 HTML 5 Doctype,但不确定发生了什么。有什么建议吗?

编辑

奇怪,我将路径更改为完整的 url,但它仍然不起作用。然后当我在 Firefox 中粘贴 url 时,视频播放了。我想知道它是否在视频标签之外......

最佳答案

确保您的视频文件路径正确。其余代码没问题

在视频标签上添加控件属性,例如: 这是完整的引用 http://www.w3schools.com/html/html5_video.asp

<video width="500" height="281" controls>
    <source src="/video/video.mp4" type="video/mp4" />
    <source src="/video/video.ogv" type="video/ogg" />
    <source src="/video/video.webm" type="video/webm" />
</video>

关于HTML 5 视频标签不适用于任何浏览器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23613054/

相关文章:

javascript - 根据浏览器窗口的宽度和高度重新调整 div 样式的大小 - Jquery

java - 我需要帮助在 selenium Java 中查找 Web 元素

html - 如何使本身以百分比定义的父div的固定div宽度?

html - 使用结束事件中断循环 html5 视频

html5 <video> 标签在 chrome/firefox 中无法播放大于 10 MB 的 mp4 文件

javascript - HTML5 和 CSS3 搞砸了

HTML5 视频循环不适用于 Chrome (Sitefinity CMS)

带有 css zoom 的 JQuery/Javascript 智能指南

php - 如何在 PHP 中随机排列列表的顺序

php - 制作视频 "watch page"