转自:https://inwao.com/Plyr.html
感谢作者@inwao提供如此小巧好用的视频插件

第一步:让typecho1.1支持video/source标签

修改var/Markdown.php,找到第37行,如下:

$parser->_commonWhiteList .= '|img|cite|embed|iframe';

在后面添加videosource,如下:

$parser->_commonWhiteList .= '|img|cite|embed|iframe|video|source';

第二步:安装plyr插件

下载地址:Plyr

下载之后自行上传到Typecho插件目录且修改插件名为:plyr 启用即可。

主要功能:

  • PC 端与手机端自适应。
  • 与 Plyr 官方控件样式同步。
  • 只需一个插件,即可播放MP3/MP4。

带封面视频演示:

视频代码:

<video poster="https://inwao.com/usr/uploads/2017/03/4008215693.jpg" src="https://inwao.com/usr/uploads/2017/03/1537548116.mp4"></video>

完~

标签: none

添加新评论

二维码