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

回答

相關問題