Chrome html5 视频答案

【问题标题】：Chrome html5 videoChrome html5 视频
【发布时间】：2013-09-03 06:25:16
【问题描述】：

在 Chrome 上播放视频时出现问题。程序在 Firefox、Opera 和 Safari 上运行良好，曾经（我认为）在 Chrome 上运行良好。过去的讨论对我没有帮助。这是一个链接： http://faculty.purchase.edu/jeanine.meyer/html5/chooselocation.html 3 个视频的 html5 标记相似，但第 1 和第 2 个不起作用，而第 3 个起作用！

这个脚本：http://faculty.purchase.edu/jeanine.meyer/html5/collagebase.html 包含用于检查视频是否已加载但不播放的代码。

请帮帮我。

【问题讨论】：

标签： html google-chrome video

【解决方案1】：

为您的不同格式更改源排序。

例如，您当前正在为您的一个视频呈现以下内容：

<video id="fire" loop="loop" preload="auto" controls="controls" style="display: block;">
    <source src="sfire3.mp4" type="video/mp4; codecs='avc1.42E01E, mp4a.40.2'">
    <source src="sfire3.theora.ogv" type="video/ogg; codecs='theora, vorbis'">
    <source src="sfire3.webmvp8.webm" type="video/webm; codec='vp8, vorbis'">
    Your browser does not accept the video tag.
</video>

交换第一个和最后一个<source>元素的位置：

<video id="fire" loop="loop" preload="auto" controls="controls" style="display: block;">
    <source src="sfire3.webmvp8.webm" type="video/webm; codec='vp8, vorbis'">
    <source src="sfire3.theora.ogv" type="video/ogg; codecs='theora, vorbis'">
    <source src="sfire3.mp4" type="video/mp4; codecs='avc1.42E01E, mp4a.40.2'">
    Your browser does not accept the video tag.
</video>

【讨论】：