如何通过<video>标签的src属性嵌入YouTube视频？

首先得明确：YouTube官方并不支持直接通过<video>标签的src属性嵌入视频，因为它的视频采用流媒体分发机制，并且有版权和播放权限的管控。你看到的用法，本质是通过获取YouTube视频的直接流媒体URL来实现的，但这种方式存在不少限制和风险。

具体操作步骤 #

• 提取目标YouTube视频的ID：从视频链接（比如https://www.youtube.com/watch?v=abc123）里拿到v=后面的字符串（这里是abc123）
• 获取视频直链：通过第三方解析工具（注意：这类工具大多违反YouTube服务条款），输入视频ID后可以获取到不同分辨率的MP4格式直链
• 编写<video>标签代码：把拿到的直链放到src属性中，加上必要的播放控件：

<video controls width="640" height="360">
  <source src="替换为获取到的视频直链" type="video/mp4">
  你的浏览器不支持HTML5视频播放
</video>

关键提醒 #

• 合规风险：这种解析获取直链的行为违反YouTube的服务条款，可能导致视频被屏蔽，甚至触发账号处罚
• 稳定性差：YouTube的直链是临时生成的，短则几小时长则几天就会失效，需要频繁更新
• 官方推荐方案：如果要合规且稳定地嵌入YouTube视频，还是用官方提供的<iframe>嵌入方式，兼容性更好，还能自带播放控制、字幕等功能

内容的提问来源于stack exchange，提问作者Robert