影音播放器

在项目中如何创建影音播放器,以dplayer为例。

可以通过动态函数或模板语法来调用一个播放器实例,如:

<{usualtoolcms:plugins:dplayer}>
或
UsualToolCMS::plugins("dplayer");

那么怎么实现播放器播放我们需要地址呢?

1 在页面创建视频播放的链接

<a
href="video-7.html?vid=1" 
id="playlist1" 
data-src="aHR0cHM6Ly9zaXRlLmNka2ZkdC5jbi92OC9pbWFnZXMvdmlkZW8vdm9kLzIwMjAxMTA1MDk3OTcubXA0" 
onclick="utplay(1)">
第1集
</a>
<a
href="video-7.html?vid=2" 
id="playlist2" 
data-src="aHR0cHM6Ly9zaXRlLmNka2ZkdC5jbi92OC9pbWFnZXMvdmlkZW8vdm9kLzIwMjAxMTA1MDk3OTcubXA0" 
onclick="utplay(2)">
第2集
</a>

这个连接中,应包含id元素playlist,playlist应按集数增加元素编号,依次playlist1,playlist2......

其次为data-src 定义播放的视频地址,base64或其他加密编码

最后就是点击事件 onclick="utplay(ID)" 此处ID与playlist的ID一致。

最终形成一个可供播放器自动读取的播放源,实现播放器初始化。

<a 
href="播放页面" 
id="playlist带上1.2...99编号" 
data-src="视频地址BASE64加密" 
onclick="utplay(带上1.2...99编号)">


UTCMS文档手册V2版