使用iframe标签嵌入YouTube视频最常用，可复制分享代码或手动编写，通过设置src、width、height等参数控制播放器，结合CSS实现响应式布局，适配多设备。
在网页中嵌入YouTube视频，最常用的方法是使用iframe标签。YouTube为每个公开视频都提供了分享代码，你可以直接复制使用，也可以手动编写更灵活的代码。
获取YouTube视频的嵌入代码
打开YouTube视频页面，在视频下方点击“分享”按钮，再点“嵌入”，系统会自动生成一段包含iframe的HTML代码。例如：
其中视频ID是YouTube视频地址中watch?v=后面的那一串字符。比如视频链接是https://www.youtube.com/watch?v=abcd1234，那么视频ID就是abcd1234。
手动编写iframe嵌入代码
你也可以自己写代码来嵌入视频，基本结构如下：
立即学习“前端免费学习笔记（深入）”；
参数说明：-
width和height：设置视频播放器的尺寸，可按需调整 -
src：指向嵌入视频地址，格式为https://www.youtube.com/embed/视频ID -
frameborder="0"：去除边框 -
allowfullscreen：允许全屏播放 -
allow：定义浏览器权限，如是否允许自动播放、画中画等
响应式嵌入（适配手机和PC）
为了让视频在不同设备上都能正常显示，建议使用CSS实现响应式布局。常用方法是用一个容器包裹iframe，并用相对单位控制比例。
这个技巧利用了16:9的宽高比（56.25% = 9/16），确保视频不会变形，并能随父容器缩放。
常见问题与注意事项
- 某些视频可能禁止嵌入（作者关闭了此功能），此时播放器会提示无法显示
- 如需自动播放，可在
src后加参数?autoplay=1，但多数浏览器会限制无声自动播放 - 添加
mute=1可静音播放，有助于通过自动播放策略 - 不要滥用自动播放，影响用户体验
iframe嵌入YouTube视频简单可靠，配合CSS还能实现自适应效果，适合大多数网站需求。 
