YouTube HTML5 播放器 - 有人能给我解释一下吗?

YouTube HTML5 播放器 - 有人能给我解释一下吗?

我们的网站上如何呈现视频?仅使用 html5,<video>网站上没有任何标签?他们如何控制播放?AJAX?视频如何流式传输?哪种技术?视频如何到达我们的网站?

视频在哪里渲染?服务器?客户端?是逐帧发送的吗?

答案1

YouTube 的嵌入代码包含<iframe>标签就像网页中的网页。iframe 将 YouTube 网站上的动态页面投射到您的网站上。

该动态页面包含<video>标签。

以下是 Nyan Cat 的嵌入代码:

<iframe width="420" height="315" src="https://www.youtube.com/embed/QH2-TGUlwu4" frameborder="0" allowfullscreen></iframe>

如果您打开属性中列出的页面并在浏览器开发人员工具中搜索 HTML 标记,则会在前几个标签中src找到。<video><div>

<video class="video-stream html5-main-video" style="width: 670px; height: 317px; left: 0px; top: -317px; transform: none;" tabindex="-1"></video>

相关内容