如何在VS Code的Markdown中插入可自动播放的YouTube视频
VS Code Markdown插入可自动播放YouTube视频操作方法
你之前使用的是图片插入语法,仅支持插入静态图片资源,无法识别视频链接,也不支持自动播放控制,需要改用iframe内嵌方案实现需求,操作方式如下:
操作步骤
- 提取你要插入的YouTube视频ID:原视频链接格式为
https://www.youtube.com/watch?v=视频ID,将链接中v=后面的字段复制出来即可 - 将以下iframe代码粘贴到你要插入视频的Markdown位置,替换代码中的「你的视频ID」字段即可
<iframe width="560" height="315" src="https://www.youtube.com/embed/你的视频ID?autoplay=1" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
提示:部分浏览器、VS Code预览插件会默认禁止自动播放行为,遇到这种情况可以手动调整对应工具的媒体自动播放权限即可生效。
内容的提问来源于stack exchange,提问作者Денис Попков
相关产品推荐
相关产品推荐

