在html网站中嵌入使用video.js的AWS S3视频
问题描述:
我在这里处于新的领域。我正尝试将AWS S3托管的视频嵌入到使用Netobjects Fusion制作的html网站中。在html网站中嵌入使用video.js的AWS S3视频
我尝试从入门页面放入代码,并成功获取了我的网站以播放video.js促销视频,但是,当我尝试更改播放视频时,我收到了无效的文件路径错误。以下是更改后的代码。任何人都可以指导我关于我失踪或弄乱了什么?我是否需要在其他地方定义视频ID?另外,我不确定如何处理data-setup ='{“example_option”:true}'>行。谢谢。
<link href="//vjs.zencdn.net/4.12/video-js.css" rel="stylesheet">
<script src="//vjs.zencdn.net/4.12/video.js"></script>
<video id="6915MLD" class="video-js vjs-default-skin"
controls preload="auto" width="640" height="480"
poster="https://s3-us-west-2.amazonaws.com/premiervideotours/PVTx320.jpg"
data-setup='{"example_option":true}'>
<source src="https://s3-us-west-2.amazonaws.com/premiervideotours/PVT-6915MLD2015b2b.mpg" type='video/mp4' />
<source src="https://https://s3-us-west-2.amazonaws.com/premiervideotours/PVT-6915MLD2015b2b.webm" type='video/webm' />
</video>
答
即使在将下面的URL更正后,我在浏览器中访问它们时也会拒绝访问。
https://s3-us-west-2.amazonaws.com/premiervideotours/PVT-6915MLD2015b2b.mp4(MPG的MP4) https://s3-us-west-2.amazonaws.com/premiervideotours/PVT-6915MLD2015b2b.webm(去掉重复的https://)
否认,不仅在文件的权限不允许访问,也当该文件是S3将访问响应未找到。因此,请检查文件是否位于URL指向的位置,以及它们是否是“公开”的。
Re data-setup='{"example_option":true}
- 在包含脚本和css之后,有几个选项可以设置video.js。一个是包含data-setup
属性。该属性的值是一个json字符串,可以包含设置选项或者为空,例如data-setup='{}
。 “example_option”就是这样一个例子,如果您需要传递设置选项,它将如何显示。
我做了一个更正 - 第一个路径中有“mpg”。它应该是“MP4”,但纠正后,我仍然得到相同的错误。 –