方法一(直接粘贴链接)

不推荐这个方法，因为调整大小比较麻烦。

以bilibili为例，可以在分享的选项中找到”嵌入代码”:

<iframe src="//player.bilibili.com/player.html?isOutside=true&aid=291342710&bvid=BV1ff4y1t7mH&cid=357644741&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>

实现效果如下:

可以发现，非常的小，集中在左下角，不能全屏而且不美观。

解决方案如下:
参考文章:Hexo-Butterfly主题解决B站视频自适应的方法

css文件配置

首先在主题文件夹下source/css里面创建一个bilibili.css的文件，里面写入下面的内容:

/*哔哩哔哩视频适配*/
.bilibili{
    position: relative;
    width: 100%;
    height: 0;              /*高度设置这里无效，设置为0，用padding撑开div*/
    padding-bottom: 75%;    /*68%到80%都可以*/
}
.bilibili iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

主题文件配置

然后去主题的配置文件，在inject的head一栏里面增加下面的内容:

1	- <link rel="stylesheet" href="/css/bilibili.css">

在链接前面添加class信息

配置好以后，我们在粘贴B站”内嵌链接”的时候，注意在首尾添加以下信息:

1
2
3

<div class="bilibili">
<iframe src="//player.bilibili.com/player.html?isOutside=true&aid=291342710&bvid=BV1ff4y1t7mH&cid=357644741&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>
</div>

效果如下:

方法二(下载插件)（！目前该方法已失效）。

安装dplayer插件

在博客的根目录(即含有themes、sources、scaffolds等文件夹的文件夹)，输入以下命令：

1	npm install --save hexo-tag-dplayer

（非必须）接着确保hexo根目录下的配置文件_config.yaml的设置如下:

1	post_asset_folder: true

这个设置会使得在创建文章的时候生成一个同名的文件夹，方便插入视频和图片。

获取url地址

获取B站视频的url地址:

如果需要插入视频，可以在markdown中写入下列代码:

{% dplayer

"url=https://upos-sz-mirrorali.bilivideo.com/upgcxcode/56/23/1525102356/1525102356-1-192.mp4?e=ig8euxZM2rNcNbRVhwdVhwdlhWdVhwdVhoNvNC8BqJIzNbfq9rVEuxTEnE8L5F6VnEsSTx0vkX8fqJeYTj_lta53NCM=&uipk=5&nbs=1&deadline=1722402726&gen=playurlv2&os=alibv&oi=2018263300&trid=7fe85ac497254790a0875259aaea6509T&mid=3546668876172024&platform=html5&og=hw&upsig=3cdce61ad891ff715b19098f3b04cee0&uparams=e,uipk,nbs,deadline,gen,os,oi,trid,mid,platform,og&bvc=vod&nettype=0&bw=57581&orderid=0,1&buvid=&build=0&mobi_app=&f=T_0_0&logo=80000000#这个是真实的解析地址，而非浏览器复制的地址

"pic=https://pub-b1b6bd1da80b42b69e38e9b033dd8244.r2.dev/Old_github_images/MS8NfnWJoVabvDx.jpg"

"loop=no" #不循环播放

"autoplay=false" #不自动播放

"volume=0.5" #音量默认为0.5

%}

效果如下:

目前该方法已失效。
dplayer还有其他的参数如下:

参数	功能	说明
url	视频链接地址	必须
pic	封面图
loop	循环播放
autoplay	自动播放
screenshot	允许截图
volume	初始音量	可能是从0到1
lang	语言	zh-cn就行
mutex	播放互斥
theme	主题

插入音频

如果需要插入音频，可以在网易云音乐的网页端找到链接。具体操作如下:

在网页版（music.163.com）进入单曲、歌单、专辑、电台节目页面后，点击 “生成外链播放器” 链接。
歌单和专辑外链播放器可以选择大中小三种尺寸，单曲和电台节目可以选择中小两种尺寸。你可以选择最适合你网站设计的尺寸。
还可以选择是否要自动播放，打上勾后，别人访问网站时播放器会自动开始播放。
最后将播放器的代码黏贴到你的网站上，大功告成！

1	<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=420 height=86 src="//music.163.com/outchain/player?type=2&id=28188434&auto=0&height=66"></iframe>

效果如下

参考教程