WordPress如何插入Bilibili视频

Rinnn 发布于 2025-01-09 75 次阅读


Step.1 事前准备

在你想插入的视频下面,点击分享按钮获取连接

点击嵌入代码
				
					<iframe src="//player.bilibili.com/player.html?isOutside=true&aid=113278755805774&bvid=BV1hb2TYFE9R&cid=26220038690&p=1&&high_quality=1&danmaku=0&autoplay=0" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts"></iframe>
				
			

你就能获取到这样的代码了,接下来让我们单独剖析每处代码的作用

第一部分

				
					src="//player.bilibili.com/player.html?isOutside=true&aid=113278755805774&bvid=BV1hb2TYFE9R&cid=26220038690&p=1&&high_quality=1&danmaku=0&autoplay=0"
				
			

我们先看第一个双引号“//player…..autoplay=0”的内容

这一部分由多个&连接的小部分组成,第一个部分是bilibili的外链通用格式,我们接着看后面的部分

aid是B站的数字视频编号,可以理解为纯数字版的BV号;

bvid就是视频的BV号;cid则是chat id,是弹幕池的编号,但填了aid则不填这个也可以

p=1则是指从这个视频的P1开始播放;high_quality=1决定视频默认以最高清画质播放,0则为最低

danmaku=0决定视频默认不开启弹幕,1则为开启;autoplay=0决定打开此视频页面时是否自动播放视频,1为是0为否

还有更多例如初始

是否静音 muted=1/0,从跳转时间开始播放 t=跳转时间

第二部分

伴随着第一个双引号部分结束,接下来便是一些额外参数的设置

				
					scrolling="no" 
border="0" 
frameborder="no" 
framespacing="0"
allowfullscreen="true" 
sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts"
				
			

scrolling=”no” //这个属性设置禁止在iframe内出现滚动条。如果视频内容超出了框架的尺寸,滚动条将不会出现
border=”0″ //这个属性设置iframe的边框宽度为0,即没有边框
frameborder=”no” //这个属性指定是否显示边框,no的意思是没有边框。这个属性和border=”0″是重复的,但frameborder主要在旧的HTML规范中使用。
framespacing=”0″ //这个属性指定iframe的框架间距,设置为0意味着没有间距。它是早期HTML规范中的属性,现在通常用CSS来代替
allowfullscreen=”true”//这个属性允许视频进入全屏模式,点击播放器中的全屏按钮时,视频将会展开为全屏。

sandbox属性用来禁止用户通过视频中的交换按钮自动跳转到B站

结语

一般来说没什么意外的话只需要按模版照抄只修改第一部分里面的视频id号即可,代码如下

 

				
					<iframe src="//player.bilibili.com/player.html?isOutside=true&bvid=在此输入bv号&p=1&&high_quality=1&danmaku=0&autoplay=0" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts"></iframe>
				
			

OK就这样,结束!

此作者没有提供个人介绍
最后更新于 2025-01-09