不显示亚马逊视频的HTML5视频标记

Question

我想看亚马逊cloudFront上的视频，但没有显示

<video id="video1" controls width="270" autoplay>
<source src="http://d191za0n1uuhbv.cloudfront.net/2/testing - 14.mp4" type="video/mp4">
</video>

我已经按照线程How do you configure S3 and Cloud Front to stream HTML5 video? Tried everything更改了内容类型和内容配置，但仍然没有成功。

我还公开了这段视频，但也不管用

我也试过用这种方法推杆，但也没有用。

<video id="video1" controls width="270" autoplay>
<source src="http://vidorabia.s3.amazonaws.com/2/testing%20-%2014.mp4"  type="video/mp4">
</video>

我有遗漏什么吗？

Answer 1

你发布的代码效果很好。您确定浏览器支持视频标记吗？检查http://caniuse.com/#search=video

您应该始终以支持大多数浏览器为目标，不幸的是，HTML5还没有得到很好的支持。您可以在视频标签中提供后备解决方案。

也就是说。

<video id="video1" controls width="270" autoplay>
 <source src="http://vidorabia.s3.amazonaws.com/2/testing%20-%2014.mp4">
 <object type="application/x-shockwave-flash" 
   data="player.swf?file="http://vidorabia.s3.amazonaws.com/2/testing%20-%2014.mp4">
    <param name="movie" value="player.swf?file="http://vidorabia.s3.amazonaws.com/2/testing%20-%2014.mp4">
    <a href="http://vidorabia.s3.amazonaws.com/2/testing%20-%2014.mp4">Download the video </a>
 </object>
</video>

基本上，具有HTML5能力的浏览器将使用本机视频。其他浏览器将尝试使用插件。如果它不工作，你可以提供一个下载链接。