视频标签播放音频，但不播放视频

如果你看看my web page，你会发现顶级视频（红鼻子的中世纪家伙）在视频和音频方面播放完美。视频标签播放音频，但不播放视频

但是，如果您查看底部（第2个）视频，则在播放时只会有音频。你看到的“视频图像”其实不是视频本身，而是一个利用“海报”html标签的png。

下面是两个视频的HTML：

<video src="http://shapeshed.com/examples/HTML5-video-element/video/320x240.m4v" poster="http://shapeshed.com/examples/HTML5-video-element/images/posters/les.jpg" controls="true" width="320" height="240"> 
     Your browser doesn't support the video tag. You can <a href="/video/your_video.ogg">download the video here.</a> 
</video> 

<video src="videos/Play.mov" poster="videos/Play.png" controls="true" width="800" height="600"> 
     Your browser doesn't support the video tag. You can <a href="videos/Play.mov">download the video here.</a> 
</video>

的第二个视频，是一个我很在乎，但我不能让视频在Chrome中的工作 - 它只能播放音频。但在Mac Safari上，视频效果很好。难道我做错了什么？看来我正在执行我的第二部影片，正是第一部影片。为什么1工作，2不工作？编辑：我得到了进一步的，但现在只在iPad（Chrome作品，iPhone作品）我得到视频，但没有音频。有任何想法吗？

编辑2：我需要我的2个视频才能在Apple Safari上正确播放 - 没有任何其他问题，因为除苹果设备之外的所有用户都将看到嵌入Youtube的视频。任何人都可以告诉我确切的步骤将AVI转换为保证在Apple Safari中工作的视频格式吗？

来源

2015-06-09 HerrimanCoder

你可能想尝试这样的：

<video controls> 
<source src="somevideo.webm" type="video/webm"> 
<source src="somevideo.mp4" type="video/mp4"> 
I'm sorry; your browser doesn't support HTML5 video in WebM with VP8 or MP4 with H.264.

这里更多的帮助html5 video

来源

2015-06-09 13:42:22

不同的视频类型支持不同的浏览器。您可以使用一些软件（如DVDVideoSoft免费HTML5视频播放器和转换器或其他任何软件）以HTML5格式转换您的视频。在第二个视频中，您使用的只是播放音频的mov视频。

来源

2015-06-09 14:05:07 Manish

您的视频编码为MPEG-4 Part 2视频和AAC音频。 MPEG-4 Part 2视频不是supported by Google Chrome。除非您手动安装其他编解码器，否则Safari和Chrome支持的唯一视频编解码器是H.264（也称为MPEG-4第10部分或MPEG-4 AVC）。如果您重新编码为H.264，则应将其放置在带有AAC音频和.mp4文件扩展名（不是.mov）的MP4容器中。

来源

2015-06-09 16:25:37 mark4o

我再往前，但是现在的iPad只（Chrome的工作，iphone的作品），我得到的视频，但没有音讯。有任何想法吗？ http://www.mapsandtreasures.com/HowToCreate_iOS.php – HerrimanCoder

@SweatCoder您在该页面上的视频仍然是一个'.mov'文件。 – mark4o

当我将扩展名更改为mp4时，它根本无法播放 - 完全损坏。你能开导我吗？ – HerrimanCoder

网络视频很复杂，大多数浏览器都支持不同的视频格式（编解码器）。为了与所有浏览器兼容，您需要3种不同文件格式的视频：MP4，OGG，WEBM。

最大的兼容性，这里是你的视频工作流程将是什么样子：

让使用的WebM（VP8 + Vorbis格式）一个版本。

制作另一个在MP4容器中使用H.264基准视频和AAC“低复杂度”音频的版本。

制作另一个在Ogg容器中使用Theora视频和Vorbis音频的版本。

链接到来自单个元素的所有三个视频文件，并返回到基于Flash的视频播放器。

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

来源：http://diveintohtml5.info/video.html#what-works

来源

2015-06-12 17:44:51 Mike

视频标签播放音频，但不播放视频

回答

相关问题