WordPress免插件文章中添加B站视频短码教程

今天刚刚分享b2主题圈子中的添加B站的视频的教程。

7b2主题圈子中添加b站视频不自动播放不跳转教程

也就这个劲给文章也一起做了。

完美的解决了自动播放问题以及电脑点击播放器跳转问题

修改教程：

主题目录/functions.php打开这个脚本文件

把下面的这段代码加上最下面：

//短代码[vbilibili bv=视频地址][/vbilibili]
//使用教程：https://www.3520.net/web/6153.html
// 添加插入bilibili视频短代码编辑器文本模式按钮
<script type="text/javascript"> QTags.addButton( 'B站视频', 'B站视频','[vbilibili bv=视频地址][/vbilibili]'); </script>

// 添加插入bilibili视频短代码
function vbilibili_shortcode( $atts, $content = null ) {
    // 默认参数值
    $defaults = array(
        'av' => '',
        'bv' => '',
        'h' => '600',
        'w' => '100%',
    );
 
    // 解析短代码中的参数
    $atts = shortcode_atts( $defaults, $atts );
    
    // 如果参数 av 和 bv 都为空，则返回错误信息
    if ( empty( $atts['av'] ) && empty( $atts['bv'] ) ) {
        return '<p>av 和 bv 不可为空</p>';
    }
 
    // 如果参数 av 和 bv 同时存在，则返回错误信息
    if ( ! empty( $atts['av'] ) && ! empty( $atts['bv'] ) ) {
        return '<p>av 和 bv 不可同时存在</p>';
    }
 
    // 根据参数 av 或 bv 构建 iframe 的 URL
    if ( ! empty( $atts['av'] ) ) {
        $iframe_url = 'https://player.bilibili.com/player.html?aid=' . esc_attr( $atts['av'] ) . '&amp;high_quality=1&amp;autoplay=0';
    } elseif ( ! empty( $atts['bv'] ) ) {
        $iframe_url = 'https://player.bilibili.com/player.html?bvid=' . esc_attr( $atts['bv'] ) . '&amp;high_quality=1&amp;autoplay=0';
    }
    // 构建 iframe 的 HTML 代码
    $iframe = '<iframe src="' . $iframe_url . '" width="99%" height="400" frameborder="no" scrolling="no" sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts" allowfullscreen="allowfullscreen" style="overflow: auto;text-align: center; margin-right: 5px;"></iframe>';
 
    // 返回 iframe 的 HTML 代码
    return $iframe;
}
add_shortcode( 'vbilibili', 'vbilibili_shortcode' );

这些代码加到主题目录/functions.php这个脚本后你刷新你的后台编辑器的文本模式中是不是有一个B站视频的按钮。

如果没有也没关系！可以使用短标签唤醒这个功能。

发表文章的两种模式下都可以直接放入短代码（短代码也在下载文件中）

这个短代码的视频地址替换成B站视频页面的bv号

就是这段编码就可以了,不用复制链接。

教程就到这里了,记住只能测试使用,切勿商用哦！~

转自：https://www.5186a.com/1409.html