在html站点中使用video.js嵌入AWS S3视频

时间:2015-04-06 20:45:23

标签: video.js

我在这里的新领域。我正在尝试将AWS S3托管视频嵌入到使用Netobjects Fusion创建的html网站中。

我尝试从入门页面输入代码并成功让我的网站播放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>

1 个答案:

答案 0 :(得分:0)

即使在将您的网址更正为以下内容后,我也会在浏览器中访问时拒绝访问。

https://s3-us-west-2.amazonaws.com/premiervideotours/PVT-6915MLD2015b2b.mp4(mpg to 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”只是一个示例,说明如果需要传递设置选项,它将如何显示。