如何在WordPress中嵌入YouTube视频

1. 在WordPress里塞YouTube视频其实特简单，甭管你是用古腾堡编辑器还是经典编辑器。直接复制视频链接，往文章里一粘贴——WordPress自动就给你转成嵌入式播放器了，跟变魔术似的。比如这段代码根本不用你手动写，但系统背后其实是干了这么个事：

<iframe width="560" height="315" 
src="https://www.youtube.com/embed/视频ID" 
frameborder="0" allowfullscreen>
</iframe>

2. 要是你想更骚气点控制播放器行为，可以用YouTube的URL参数玩法。比如在链接后面加个?autoplay=1&mute=1，视频加载时就自动静音播放了（注意很多浏览器现在不允许带声音的自动播放了）。在WordPress里还是直接粘贴带参数的全链接就行：

https://www.youtube.com/watch?v=dQw4w9WgXcQ&autoplay=1&mute=1

3. 遇到某些主题把视频框压扁的情况，就得搬出自定义CSS大法。进外观-自定义-额外CSS，塞一段这样的代码调整响应式比例：

.wp-block-embed__wrapper {
    position: relative;
    padding-bottom: 56.25% !important;
    height: 0 !important;
}
.wp-block-embed__wrapper iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

4. 插件党可以用“Embed Plus for YouTube”这类工具，能生成视频画廊甚至慢动作播放。不过我个人觉得原生嵌入已经够用，少装插件能减少数据库吐血的概率。

5. 最后记得用预览功能检查移动端显示效果。有时候PC上看好好的视频，在手机端会莫名溢出边框，这时候就得回头调CSS了。反正WordPress折腾视频的真理就是：能粘贴解决就别写代码，能写CSS就别动PHP。

Tags：

文章版权声明：除非注明，否则均为WP集市原创文章，转载或复制请以超链接形式并注明出处。