如何在hexo文章中添加视频播放器

如何在hexo文章中添加视频播放器

Hexo默认不支持视频播放器，但可以通过插件来实现。
1.在B站的分享按钮中选择“嵌入代码”，复制代码,粘贴到文章中。
2.在文章的头部添加如下代码：

---
title: 如何在hexo文章中添加视频播放器
date: 2024-05-15 15:46:20
categories: 
- Hexo
tags: 
- Hexo
- 部署
---

3.在文章中添加如下代码：

{% raw %}
<div style="position: relative;width: 100%;height: 0;padding-bottom: 75%;">
<iframe src="//player.bilibili.com/player.html?isOutside=true&aid=1204297961&bvid=BV1af42127np&cid=1539610088&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="position:absolute;width:100%;height:100%;left:0;top:0;"></iframe>
</div>
{% endraw %}

4.保存文章，刷新页面即可看到视频播放器。

完整代码如下：

{% raw %}
<div style="position: relative;width: 100%;height: 0;padding-bottom: 75%;">
<iframe src="//player.bilibili.com/player.html?isOutside=true&aid=1204297961&bvid=BV1af42127np&cid=1539610088&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="position:absolute;width:100%;height:100%;left:0;top:0;"></iframe>
</div>
{% endraw %}