您现在的位置是：首页 > WordPress教程WordPress教程

WordPress视频嵌入方法

WP集市 2025-09-10 【WordPress教程】 933人已围观

好吧咱们聊聊WordPress里搞视频的事儿，这玩意儿其实比你想得简单，但偶尔也会让你挠头。别管你是用古腾堡编辑器还是经典编辑器，本质上都是往文章里塞个链接——对，就跟你发朋友圈差不多，但WordPress会自动帮你转成能播放的窗口，神奇吧？
最无脑的方法：直接粘贴视频网址。比如你从YouTube复制个链接https://www.youtube.com/watch?v=xxxxx，啪一下贴到文章段落里，WordPress会自动识别并生成嵌入代码。这功能叫"oEmbed"，支持三十多个平台，连B站和抖音都行（得用插件加持）。
但有时候自动转换会抽风，这时候就得手动整了。比方说你想自定义尺寸或者加个边框，可以用HTML模式写个iframe代码块：
```
<div class="d123-98e9-2981-f524 video-wrap">
<iframe 
width="560" 
height="315" 
src="https://www.youtube.com/embed/xxxxx" 
frameborder="0" 
allowfullscreen
></iframe>
</div>
```
记得加那个allowfullscreen属性不然没法全屏，这个我忘过好几次。
进阶玩法是用WordPress的[video]短代码。特别适合上传到媒体库的本地视频，比如：
```
[video src="https://你的网站.com/wp-content/uploads/2023/11/我的视频.mp4" poster="预览图.jpg" width="720" loop="on"]
```
loop参数让视频循环播放，poster能自定义封面图——有些人总忘记传封面，结果黑乎乎一片。

说到响应式适配，手机屏幕大小乱七八糟的。建议用CSS包一层：

.video-container {
position: relative;
padding-bottom: 56.25%; /* 16:9比例 */
height: 0;
}
.video-container iframe {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}

这样视频就能跟着容器宽度缩放了，不然在手机上可能会溢出屏幕边缘。

插件党可以试试"Embed Plus for YouTube"这类工具，能生成视频画廊或者添加慢放功能。不过装太多插件会拖慢速度，就像往卡车里塞太多家具——能跑但费劲。
有个坑要注意：某些视频平台被墙了，国内用户可能打不开。这时候建议用双方案——海外用YouTube，国内传一份到阿里云点播然后嵌两个播放器，用JS判断地区自动切换。虽然麻烦但体验好很多。
最后提个骚操作：用WordPress的API获取视频时长并显示在标题旁。比如：
```
$video_data = wp_read_video_metadata( get_attached_file( $attachment_id ) );
echo gmdate("i:s", $video_data['length']);
```
这段代码能读出上传视频的元数据里的时长信息，适合做视频库类网站。