Raven's Blog

在你的Typecho中插入音乐和视频(B站视频)

在你的Typecho中插入音乐和视频(B站视频)

1. 插入音乐

插入音乐很简单,使用APlayer插件即可,链接如下:https://github.com/MoePlayer/APlayer-Typecho

安装方式很简单:

  1. 在插件目录下clone上面的仓库
  2. 将名字更改为Meting
  3. 在Typecho插件中启用即可

插入音乐Demo:
[Meting]
[Music server="netease" id="528484544" type="song"/]
[/Meting]

可能要再刷新一下才能看到。

下面是本主题自带的音乐播放器。
[hplayer media="netease" id="528484544" type="song" size="large" auto="true" /]

2. 插入B站视频

其实插入视频也不算难,很多插件都支持插入各站视频,但是B站(个人喜欢B站一点,所以不考虑优酷、腾讯等)却不支持外链插入,所以我几乎把能找到的视频播放插件全试了一遍,均无果。尝试过的插件有:

后来从这篇文章里面发现了线索:https://fengxiao.ml/2018/12/27/133.html

具体操作如下,在你想要插入视频的地方插入一下代码:

<iframe id="spkj" src="//player.bilibili.com/player.html?aid=43530152&cid=76266554&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" width=100%> </iframe>
!!!
<script type="text/javascript">  
document.getElementById("spkj").style.height=document.getElementById("spkj").scrollWidth*0.76+"px";
</script>
!!!

替换掉src="xxxxxx"中间的选项为你的视频地址,地址可从下图中找到:

最后展示下demo:

参考

添加 Meting for Typecho 简单强大的在线音乐播放器

博客中使用标签嵌入B站视频(其它视频同理)调整宽高的问题

当前页面是本站的「Google AMP」版。查看和发表评论请点击:完整版 »