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

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

1. 插入音乐

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

安装方式很简单:

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

插入音乐Demo:

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

下面是本主题自带的音乐播放器。

00:00
加载中……请稍等……

2. 插入B站视频

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

  • DPlayer
  • MyPlayer
  • Typembed
  • JWPlayer
  • Plyr

后来从这篇文章里面发现了线索: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站视频(其它视频同理)调整宽高的问题

Last modification:July 11th, 2019 at 10:59 pm
如果觉得我的文章对你有用,请随意赞赏

Leave a Comment

13 comments

  1. 游客

    博主,换博客了。文章新地址https://fengxiao.ml/2018/12/27/133.html。方便的时候可以修改一下。毕竟感觉好不容易有个外链,哈哈。

    1. Raven
      @游客

      稍晚回去改,不过切过去咋会提示不良链接

      1. 游客
        @Raven

        你用的是什么浏览器?我也不知道为什么,感觉被腾讯针对了,我在QQ里打出我的域名都被标识为危险网站

        1. Raven
          @游客

          就从QQ邮件里面跳过去的。

          1. 游客
            @Raven

            我刚给腾讯提交申诉了,之后再看看情况。
            博主有考虑换个com之类的主流域名吗?

            1. Raven
              @游客

              之前有考虑过,但是感觉用处不太大就没换了。外链已更新

              1. 游客
                @Raven

                地址不对啊

                1. Raven
                  @游客

                  哦哦,我看了你的其他文章,就把链接弄错了,哈哈。已经修改。

                  1. 游客
  2. 游客

    博主一定是用谷歌搜索的吧,我的页面百度都不怎么收录,每想到居然有人能搜到哈哈。

    1. Raven
      @游客

      哈哈,我的百度也不怎么收录。

      1. 游客
        @Raven

        百度对待某些域名和是否备案感觉还是有点差别对待的。我之前的百度都收录了几十个页面,挺长时间没更新发现再看已经剩一个收录了。

        1. Raven
          @游客

          哦哦,还是谷歌大大收录得快