|
有偿,原有的视频播放器- <script type="text/javascript">
- $('.videolist').each(function(){ //遍历视频列表
- $(this).hover(function(){ //鼠标移上来后显示播放按钮
- $(this).find('.videoed').show();
- },
- function(){
- $(this).find('.videoed').hide();
- });
- $(this).click(function(){ //这个视频被点击后执行
- var img = $(this).attr('vpath');//获取视频预览图
- var video = $(this).attr('ipath');//获取视频路径
- $('.gzs-videos .videos').html("<video id="video" poster='"+img+"' style='width:640px' src='"+video+"' preload="auto" controls="controls" controls="nodownload" autoplay="autoplay"></video><img src="{SITE_URL}images/gb.png" width="25" height="25" onClick="close1()" class="vclose" title="关闭00">");
- $('.gzs-videos').show();
- });
- });
- function close1(){
- var v = document.getElementById('video');//获取视频节点
- $('.gzs-videos').hide();//点击关闭按钮关闭暂停视频
- v.pause();
- $('.gzs-videos').html();
- }
- </script>
复制代码 下面是CKPlayer X2的代码,怎么整合在一起。- <div id="video" style="width: 100%; height: 400px;max-width: 600px;">
- </div>
- <script type="text/javascript" src="ckplayer/ckplayer.js" charset="UTF-8"></script>
- <script type="text/javascript">
- var videoObject = {
- container: '#video', //容器的ID或className
- variable: 'player', //播放函数名称
- loop: true, //播放结束是否循环播放
- autoplay: true,//是否自动播放
- poster: 'material/poster.jpg', //封面图片
- preview: { //预览图片
- file: ['material/mydream_en1800_1010_01.png', 'material/mydream_en1800_1010_02.png'],
- scale: 2
- },
- //flashplayer:true,
- //debug:true,
- video: [
- ['http://ckplayer-video-sample.oss-cn-shanghai.aliyuncs.com/sample-mp4/05cacb4e02f9d9e.mp4', 'video/mp4', '中文标清', 0],
- ['http://ckplayer-video-sample.oss-cn-shanghai.aliyuncs.com/sample-mp4/d0897b4e9ddd9a5.mp4', 'video/mp4', '中文高清', 0],
- ['http://ckplayer-video-sample.oss-cn-shanghai.aliyuncs.com/sample-mp4/eb048d7839442d0.mp4', 'video/mp4', '英文高清', 0],
- ['http://ckplayer-video-sample.oss-cn-shanghai.aliyuncs.com/sample-mp4/d30e02a5626c066.mp4', 'video/mp4', '英文超清', 0]
- ]
- };
- var player = new ckplayer(videoObject);
- </script>
复制代码
|
|