转自我的博客文章,欢迎支持。
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'] ) . '&high_quality=1';
} elseif ( ! empty( $atts['bv'] ) ) {
$iframe_url = 'https://player.bilibili.com/player.html?bvid=' . esc_attr( $atts['bv'] ) . '&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] |
参数
参数名 | 可选值 | 默认值 | 解释 | 是否必须 |
av | – | – | Bilibili 视频的 AV 号 | 是 |
bv | – | – | Bilibili 视频的 BV 号 | 是 |
h | X/Xpx/X% | 600 | Bilibili 视频的高度号 | 否 |
w | X/Xpx/X% | 100% | Bilibili 视频的宽度号 | 否 |
注意:
- Bilibili 视频的 AV 号或 BV 号是必须的,但只要输入 AV 号或 BV 号的其中一个即可。
- Bilibili 视频的 AV 号不要带上 av
示例
[vbilibili bv=BV1EX4y127J9][/vbilibili]