Hexo文章插入B站视频

发表于2023-11-02更新于2024-03-28

字数总计:148阅读时长:1分钟阅读量: 泸州

笔记教程 hexo

Hexo文章插入B站视频

桑若木2023-11-022024-03-28

B站直接提供了嵌入代码，其实只要直接粘贴进md即可。点击视频分享按钮，选择嵌入代码进行复制

示例:

但是播放窗口很小而且不能全屏

最佳方案：

在[BlogRoot]\source\css\custom.css自定义样式的文件中引入如下代码

/*哔哩哔哩视频适配*/
.aspect-ratio {
  position: relative;
  width: 90%;
  height: auto;
  padding-bottom: 75%;
  margin: 3% auto;
  text-align: center;
}
.aspect-ratio iframe {
  position: absolute;
  width: 100%;
  height: 86%;
  left: 0;
  top: 0;
}