WordPress通过短代码插入bilibili视频

转自我的博客文章,欢迎支持。 

WordPress通过短代码插入bilibili视频https://space520.eu.org/archives/1477

前言

Bilibili 是国内知名的视频分享平台,上面有很多精良而又有趣的视频。一些人喜欢 (比如我) 把 B 站视频通过 iframe 插入网页上,但代码大长 (约 230 个字符)。于是为了方便大家,我堤供一个在 WordPress 通过短代码插入 bilibili 视频的教程。

教程

一、打开 WordPress 根目录下 wp-content/themes/你正在使用的主题/functions.php 文件

或者你在仪表盘的主题文件编辑器中打开 functions.php 文件

二、复制下面的代码到 functions.php 文件的最后处

// 添加插入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';
    } elseif ( ! empty( $atts['bv'] ) ) {
        $iframe_url = 'https://player.bilibili.com/player.html?bvid=' . esc_attr( $atts['bv'] ) . '&amp;high_quality=1';
    }
 
    // 构建 iframe 的 HTML 代码
    $iframe = '<iframe src="' . $iframe_url . '" width="' . esc_attr( $atts['w'] ) . '" height="' . esc_attr( $atts['h'] ) . '" frameborder="no" scrolling="no" sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts" allowfullscreen="allowfullscreen"></iframe>';
 
    // 返回 iframe 的 HTML 代码
    return $iframe;
}
add_shortcode( 'vbilibili', 'vbilibili_shortcode' );

简码使用说明

介绍

该短代码可以插入 Bilibili 视频。

用法

[vbilibili 参数名="参数值"][/vbilibili]

参数

参数名可选值默认值解释是否必须
avBilibili 视频的 AV 号
bvBilibili 视频的 BV 号
hX/Xpx/X%600Bilibili 视频的高度号
wX/Xpx/X%100%Bilibili 视频的宽度号

 注意:

  • Bilibili 视频的 AV 号或 BV 号是必须的,但只要输入 AV 号或 BV 号的其中一个即可。
  • Bilibili 视频的 AV 号不要带上 av 

示例

[vbilibili bv=BV1EX4y127J9][/vbilibili] 

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值