今天海豚为自己记录一下,网站文章如何嵌入并插入b站视频代码HTML搞定,也希望这篇文章可以在收录后让别的朋友可以学习到,海豚在网站上找了很多,也没有找到关于怎么把b站的视频代码嵌入到网站文章中,像海豚这样~

网站文章如何插入b站视频教你用嵌入代码HTML直接搞定
网站文章如何插入b站视频

之前有发现,像b站、优酷、腾讯等等都会提供这样一个HTML代码,主要就是让更多的人可以一键调用视频,还能保留原作者的版权个人信息,以站外分享的方式来丰富自己的内容,以此借助别人的分享来解决问题

网站文章如何插入b站视频教你用嵌入代码HTML直接搞定

网站文章如何插入b站视频【详细步骤】以b站为例

1.打开b站官网注册并登录

网站文章如何插入b站视频教你用嵌入代码HTML直接搞定
打开b站官网注册并登录

2.找到你喜欢的或者自己的视频点进播放页面

网站文章如何插入b站视频教你用嵌入代码HTML直接搞定
视频播放页面

3.回到网站新建一个文章,海豚以wordpress为例

打开文章新建,或者你想要插入b站视频的地方,复制以下代码

<iframe id="spkj" src="//player.bilibili.com/player.html?bvid=换成b站的BV号即可&amp;page=1&amp;page=1" width="100%" frameborder="no" scrolling="no" allowfullscreen="allowfullscreen" style="height: 592.8px; width: 780px;" data-origwidth="100%" data-origheight=""> </iframe>

4.在文章编辑器中添加HTML区块,然后在HTML中加入代码

让我们看一下效果

网站文章如何插入b站视频教你用嵌入代码HTML直接搞定
HTML中加入代码

好了以上就是海豚今天对于网站文章如何插入b站视频,希望可以帮助到你,网上的教程确实是很少,代码中需要替换BV号,记得不要忘记哟

发表回复

后才能评论