阿良博客-IT业余爱好者的个人学习生活记录

个人学习生活记录
记录学习生活,共同交流进步

Typecho 免插件实现音乐和视频播放

Typecho没有wp用的人多,模板和插件什么的也很少,所以只能自己摸石头过河,慢慢折腾

今天有个朋友来问Typecho文件下载按钮打赏按钮以及音乐播放和视频播放实现的方法,于是在这里教给大家Typecho博客音乐播放和视频播放的方法。其他网站也可以用。

Typecho 免插件实现音乐和视频播放

音乐播放方法

文章需要的位置放入下列代码即可,演示地址(默认左对齐,个人风格居中了)

<center>
<audio src="音乐地址" controls="controls" autoplay="autoplay">
</audio>
</center>

视频播放方法

  • 1.video方法

同上,文章需要的位置放入下列代码即可,演示地址(默认左对齐,个人风格居中了)

<center>
<video width="100%" height="auto" poster="播放前的预览图也就是封面" preload="none" controls="controls">
<source src="视频地址" /></video></center>
  • 2.iframe方法
<iframe  width=400 src='https://player.youku.com/embed/XMTc1MTAxMDIyOA==' frameborder=0 'allowfullscreen'></iframe>

演示

感谢来访,希望本文对您有所帮助!
 本文最后更新于2020年05月11日
 本文为阿良原创文章
 转载请注明出处:阿良博客
如有版权问题,请联系处理 | 当前页面:阿良博客 » Typecho 免插件实现音乐和视频播放

评论 3

  1. 评论者头像

    css不会写尴尬,实在不好意思大哥能。。。。

    lizhaolun 2020-05-03    回复
    • 评论者头像

      已新增简洁的下载按钮样式

      久夜 2020-05-04    回复
    • 评论者头像

      实在不会,加q1347071842

      久夜 2020-05-04    回复