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的浏览器将使用原生视频。其他浏览器会尝试使用该插件。如果它不起作用，您可以提供下载链接。

HTML5视频标签未显示亚马逊视频

1 个答案: