hexo 插入视频和音乐播放器

搭建技术

创建时间:2019-08-15 10:51

字数:484 阅读:

评论:

hexo 插入视频和音乐播放器
通过 Hexo 插件插入音乐/视频

hexo 插入视频和音乐播放器

Markdown 通用音乐/视频插入方法

Markdown 作为轻量级的标记语言，兼容 html 语法，所以可以直接在 Markdown 文档中使用 html 语法。

<vedio>标签举例：

<video width="480" height="320" controls>
<source src="movie.mp4">
</video>

<embed>标签举例：

<embed src="http://player.youku.com/player.php/Type/Folder/Fid/27690810/Ob/1/sid/XMTY1MTI3NjMyNA==/v.swf" quality="high" width="480" height="400" align="middle" allowScriptAccess="always" allowFullScreen="true" mode="transparent" type="application/x-shockwave-flash"></embed>

javascript标签举例:

<script type="text/javascript" src="http://www.xiami.com/widget/player-single?uid=32329501&sid=1776238762&mode=js"></script>

除<vedio>标签外，大部分音乐/视频网站都可以直接生成播放器代码，直接粘贴到 Markdown 文档中即可使用。

通过 Hexo 插件插入音乐/视频

这里需要使用两个播放器插件

hexo-tag-aplayer:https://github.com/grzhan/hexo-tag-aplayer#upstream-issue
hexo-tag-dplayer:https://github.com/NextMoe/hexo-tag-dplayer

npm install hexo-tag-dplayer --save
npm install hexo-tag-aplayer --save

音乐

{% aplayer "Caffeine" "Jeff Williams" "http://7xq131.com1.z0.glb.clouddn.com/Preparation.mp3" "autoplay" %}

网易云音乐

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

虾米

<script type="text/javascript" src="http://www.xiami.com/widget/player-single?uid=32329501&sid=1776238762&mode=js"></script>

视频

{% dplayer "url=http://devtest.qiniudn.com/若能绽放光芒.mp4" "api=http://dplayer.daoapp.io" "pic=http://devtest.qiniudn.com/若能绽放光芒.png" "id=9E2E3368B56CDBB4" "loop=yes" "theme=#FADFA3" "autoplay=false" "token=tokendemo" %}

优酷

<embed src="http://player.youku.com/player.php/Type/Folder/Fid/27690810/Ob/1/sid/XMTY1MTI3NjMyNA==/v.swf" quality="high" width="480" height="400" align="middle" allowScriptAccess="always" allowFullScreen="true" mode="transparent" type="application/x-shockwave-flash"></embed>

转载请注明来源，欢迎对文章中的引用来源进行考证，欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论，也可以加QQ（2602138376）