Question

使用Chrome，如果我查看YouTube的页面，例如https://www.youtube.com/watch?v=S5CjKEFb-sM，我会看到以下HTML5负责显示视频：

<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部分是什么......如果我使用开发人员工具来打开新标签中的链接＆＃34;，那么什么都不会显示以及如何显示？（两个网址blob：https％3A // www.youtube.com / a5837a85-ca81-48dc-99b8-48e69a9b4f64和https://www.youtube.com/a5837a85-ca81-48dc-99b8-48e69a9b4f64不起作用。）

Answer 1

HTML5视频元素并非旨在直接处理youtube视频流，您需要使用youtube的嵌入式api本身。 html5视频元素用于播放文件或Blob数据而不是流。

为什么HTML 5视频代码无法用作YouTube视频作为来源？

1 个答案: