在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>

来源

2015-04-06 Michael Dahle

我做了一个更正 - 第一个路径中有“mpg”。它应该是“MP4”，但纠正后，我仍然得到相同的错误。 –

即使在将下面的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”就是这样一个例子，如果您需要传递设置选项，它将如何显示。

来源

2015-04-07 09:25:59 misterben

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

回答

相关问题