Typecho Plyr HTML5 自适应本地 mp3/mp4 播放插件
本文最后由豫见长安更新于2024 年 4 月 7 日,已超过280天没有更新。如果文章内容或图片资源失效,请留言反馈,将会及时处理,谢谢!
功能:
PC 端与手机端自适应。
与 Plyr 官方控件样式同步。
只需一个插件,即可播放MP3/MP4。
安装:
下载地址:Plyr
下载之后自行上传到 Typecho 插件目录修改插件名为:plyr 并启用
使用方法:
MP4:
<video src="https://xxx.com/xxx.mp4"></video>
带封面:
<video poster="https://xxx.com/xxx.jpg" src="https://xxx.com/xxx.mp4"></video>
MP3:
<div><audio src="http://xxx.com/xxx.mp3"></audio></div>
注:此插件已集成 HTML 5 基本按钮元素控件,无需像原生 HTML 5 一样还要写入元素控件,只需一个视频地址即可播放。
由于设置了不自动播放,想设置MP3自动播放的,请添加自动播放 autoplay 标签或者修改源码 autoplay 标签。
目前仅在 Typecho1.0 测试OK,理论支持所有正式版与开发版,并没有加入 Youtube 与优酷、腾讯等在线视频功能,Youtube 被屏蔽,腾讯和优酷视频都有广告,只测试了本地视频播放,如您有兴趣,也可自己加入测试。
由于我设置了自适应,就不需要添加宽高元素了,如与原生元素发生冲突,保留带封面元素再删除其它元素控件,如果还需要添加其他的元素控件,请参考:https://github.com/sampotts/plyr
分类标签:营生,Typecho,代码,插件
文章标题:Typecho Plyr HTML5 自适应本地 mp3/mp4 播放插件
文章链接:https://zhaojx.fun/archives/316/
最后编辑:2024 年 4 月 7 日 16:04 By 豫见长安
许可协议: 署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)
文章标题:Typecho Plyr HTML5 自适应本地 mp3/mp4 播放插件
文章链接:https://zhaojx.fun/archives/316/
最后编辑:2024 年 4 月 7 日 16:04 By 豫见长安
许可协议: 署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)