爲什麼HTML 5視頻標籤不適用於將YouTube視頻用作來源？

使用Chrome，如果我尋找到一個YouTube的頁面，如https://www.youtube.com/watch?v=S5CjKEFb-sM然後我會看到以下HTML5是負責顯示視頻：爲什麼HTML 5視頻標籤不適用於將YouTube視頻用作來源？

<video class="video-stream html5-main-video" 
    style="width: 640px; height: 360px; left: 0px; top: 0px; 
      transform: none;" 
    src="blob:https%3A//www.youtube.com/71c0fdee-822a-4b58-9ed5-fef443f2e7fd"> 
</video>

驗證，我的CSS設置爲display: none和視頻消失了，所以應該驗證這是顯示視頻的代碼。現在，如果我作爲try.html我的硬盤驅動器上的文件：

<DOCTYPE html> 
<video class="video-stream html5-main-video" 
    style="width: 640px; height: 360px; left: 0px; top: 0px; 
      transform: none;" 
    src="blob:https%3A//www.youtube.com/71c0fdee-822a-4b58-9ed5-fef443f2e7fd"> 
</video>

也就是說，只是DOCTYPE連同那<video>標籤，然後打開使用Chrome這個try.html文件，我看不到任何東西。

據我所知，YouTube建議的嵌入方法是iframe，但我想知道爲什麼try.html不起作用，以及如何使它工作？相關的是，什麼是blob:https%3A部分...如果我使用開發人員工具「在新標籤中打開鏈接」，那麼什麼都不會顯示，以及如何顯示？（兩個URL blob：https％3A // www.youtube.com/a5837a85-ca81-48dc-99b8-48e69a9b4f64和https://www.youtube.com/a5837a85-ca81-48dc-99b8-48e69a9b4f64都不起作用）。

來源

2015-04-16 太極者無極而生

檢查：http://www.w3schools.com/ html/html_youtube.asp –

我認爲這個問題不是關於「可以嵌入視頻的內容」，而是關於HTML5的更多信息，以及爲什麼它不起作用，並且有沒有辦法在新標籤中打開視頻網址 –

我是非常確定Youtube會阻止視頻內容，除非它被youtube.com請求。 – JJJ

-1

HTML5視頻元素沒有設計爲直接處理youtube視頻流，您需要使用youtube的嵌入api本身。 HTML5視頻元素用於播放文件或Blob數據而不是流。

來源

2015-04-16 07:27:58

它不一定是YouTube。它可以是somewebsite.com，我們正在尋找這裏的原則...... HTML5視頻如何與somewebsite.com合作應該與youtube.com類似，除非youtube做了特別的事情來阻止它，或者如果HTML5根本無法使用不同的「起源「作爲視頻源？ –

CORS（跨源資源共享）也適用，在YouTube上禁用。 –

-1

https://www.youtube.com/2c375ed8-2ad9-491b-aae9-9a6d6fefacc6" >

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

來源

2016-12-04 11:39:18 soty

爲什麼HTML 5視頻標籤不適用於將YouTube視頻用作來源？

回答

相關問題