在项目中如何创建影音播放器,以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编号)">