WordPress短代码实现文章嵌入哔哩哔哩等网页视频:遇到喜欢有用的B站视频，大家都会想着放到自己的博客来备用看看，但是官方给的嵌入代码实在看不了。我使用以前的网页自适应视频嵌入代码，结合WordPress网站的短代码功能，将其修改到文章编辑器界面，方便添加。详细的修改教程如下：
WordPress博客添加哔哩哔哩网站短代码：
将下面的短代码添加到主题的function.php文件中即可
// WordPress添加视频链接短代码开始
// 仅针对B站特殊处理
function xcbtmw_mBvideo_shortcode($atts, $content = null) {
// 检查内容是否为空
if (!is_null($content)) {
// 对于不完整的URL，添加https://前缀
if (!preg_match('~^(?:f|ht)tps?://~i', $content)) {
$content = "https://" . $content;
}
// 解析URL
$url_parts = parse_url($content);
// 检查是否是Bilibili的URL
if (isset($url_parts['host']) && $url_parts['host'] == 'www.bilibili.com') {
// 【修正部分】正则表达式提取BV号，使用 # 作为分隔符，避免冲突
if (preg_match('#/video/(BV[^/?]+)#', $url_parts['path'], $matches)) {
// 重建URL为player版本
$content = "https://player.bilibili.com/player.html?bvid=" . $matches[1];
}
}
// 清理URL并返回iframe
return '<div style="position: relative; padding-top: 56.25%">
<iframe src="' . esc_url_raw($content) . '"
style="border: none; position: absolute; top: 0; height: 100%; width: 100%"
allowfullscreen="true">
</iframe>
</div>';
} else {
return '请输入有效的视频链接';
}
}
add_shortcode('mBvideo', 'xcbtmw_mBvideo_shortcode');
// 添加短代码按钮到TinyMCE编辑器
function xcbtmw_add_button_mce($mce_settings) {
?>
<script type="text/javascript">
QTags.addButton('mBvideo', 'mBvideo', '[mBvideo]', '[/mBvideo]');
</script>
<?php
}
add_action('after_wp_tiny_mce', 'xcbtmw_add_button_mce');
// WordPress添加视频链接短代码结束
WordPress博客添加哔哩哔哩网站视频操作图文教程：
复制B站的视频地址到wp博客文本编辑器里面，选中网址，然后点击/mBvideo按钮，自动给网址添加上短代码即可播放。
可能对你有帮助的内容：金币获取 | v7a,v8a,all等APK版本怎么选？ | 下载帮助 | 阿里云代金券
文章名称：WordPress博客短代码实现 文章嵌入哔哩哔哩等网页视频代码教程
文章链接：https://www.jipinsoft.com/28617.html
免责声明：根据《计算机软件保护条例》第十七条规定“为了学习和研究软件内含的设计思想和原理，通过安装、显示、传输或者存储软件等方式使用软件的，可以不经软件著作权人许可，不向其支付报酬。”您需知晓本站所有内容资源均来源于网络，仅供用户交流学习与研究使用，版权归属原版权方所有，版权争议与本站无关，用户本人下载后不能用作商业或非法用途，需在24个小时之内从您的电脑中彻底删除上述内容，否则后果均由用户承担责任；如果您访问和下载此文件，表示您同意只将此文件用于参考、学习而非其他用途，否则一切后果请您自行承担，如果您喜欢该程序，请支持正版软件，购买注册，得到更好的正版服务。
