ckplayer播放器自动播放下一集以及点击下一集

<template><div id="videoContainer" :class="videoContainer" style="width: 100%; height: 100%;">播放容器</div>
</template><script>
export default {name: 'CkPlayerVideo',inject: ['handleNextPath'],props: {videoContainer: {// 视频容器type: String,default() {return 'videoContainer' + Math.ceil(Math.random() * 100000)}},autoPlay: {// 自动播放type: Boolean,default() {return false}},loop: {// 循环播放type: Boolean,default() {return false}},webFull: {// 是否启用页面全屏type: Boolean,default() {return true}},barHideTime: {// 控制栏隐藏时间type: Number,default() {return 1500}}},data() {return {player: null // 播放器}},mounted() {},methods: {initPlayer: function(videoUrl, videoCoverPic, nextUrl) {const _this = this// 调用开始var videoObject = {container: '.' + _this.videoContainer, // 视频容器autoplay: _this.autoPlay, // 是否自动播放loop: _this.loop, // 是否需要循环播放/**/seek: 0, // 默认需要跳转的秒数loaded: '', // 加载播放器后调用的函数crossOrigin: '', // 发送跨域信息，示例：Anonymousplaybackrate: 1, // 默认倍速next: {click: () => {_this.$nextTick(() => {_this.handleNextPath()})}// link:''},// ended: null, // 结束显示的内容webFull: _this.webFull, // 是否启用页面全屏按钮，默认不启用controls: false, // 是否显示自带控制栏timeScheduleAdjust: 1, // 是否可调节播放进度,0不启用，1是启用，2是只能前进（向右拖动），3是只能后退，4是只能前进但能回到第一次拖动时的位置，5是看过的地方可以随意拖动logo: '', // logotitle: '', // 视频标题barHideTime: _this.barHideTime, // 控制栏隐藏时间playbackrateOpen: true, // 是否开启控制栏倍速选项playbackrateList: [0.75, 1, 1.25, 1.5, 2, 4], // 倍速配置值cookie: null, // cookie名称，在同一域中请保持唯一domain: null, // cookie保存域cookiePath: '/', // cookie保存路径documentFocusPause: true, // 窗口失去焦点后暂停播放poster: videoCoverPic, // 封面图片 './js/video/poster.png',video: videoUrl // 视频地址 https://vod.pule.com/6c992c3bvodcq1500003583/e9d289485285890813785221405/f0.mp4}// eslint-disable-next-line_this.player = new ckplayer(videoObject) // 调用播放器并赋值给变量player// 可以实现自动下一集 但全屏时候自动下一集时候会退出全屏_this.player.ended(function() {_this.$nextTick(() => {_this.handleNextPath()})})}}
}
</script><style scoped></style>

ckplayer播放器自动播放下一集以及点击下一集相关推荐

如何让优酷播放器自动播放
如何让优酷播放器自动播放 <EMBED align="middle" src="http://player.youku.com/player.php/sid/XNT ...
酷播云H5播放器自动播放与循环播放
说明:html5的自动播放与循环播放,各浏览器的支持并不一致,存在部分浏览器不支持的情况. <div id="player"></div> <scri ...
YouTube iframe嵌入式播放器及播放器参数自动播放，循环播放，播放列表，不显示 YouTube 徽标
YouTube 嵌入式播放器及播放器参数概览本文档介绍如何在应用中嵌入 YouTube 播放器,并定义了 YouTube 嵌入式播放器可以使用的参数. 通过将参数附加到 iframe 网址末尾,您 ...
鸿蒙系统怎样去掉下拉音乐播放器,windows10系统下怎样取消音乐播放器默认播放器...
一位用户反馈自己的windows10系统电脑中,默认音乐播放器是百度音乐,因为自己并不喜欢用百度音乐来播放歌曲,就想将其取消掉.这该如何操作呢?接下来,就随小编看看windows10系统下取消音乐播放 ...
熊猫怎么用html5看直播,熊猫TV HTML5播放器自动网页全屏
// ==UserScript== // @name 熊猫TV HTML5播放器自动网页全屏 // @name:zh-CN 熊猫TV HTML5播放器自动网页全屏 // @namespace pand ...
免费网页直播|点播播放器-自动重连解决网络|操作造成断流的播放问题
LivePlayer网页直播|点播免费播放器下载: 支持m3u8播放;支持HTTP-FLV播放;支持RTMP播放;支持直播和点播播放;支持播放器快照截图;支持点播多清晰度播放;支持全屏或比例显示;自带 ...
html中wmv播放不要自动播放,网页播放器 windowsmediaplay中控制从wmv的指定时间开始播放，指定时间停止播放...
首页 > 网络编程 > 网页播放器 > 网页播放器 windowsmediaplay 网页播放器 windowsmediaplay中控制从wmv的指定时间开始播放,指定时间停止播放 ...
Python—实现本地音乐播放器(添加/播放/暂停/下一首/上一首/音量/打开超链接)
Python-实现本地音乐播放器(添加/播放/暂停/下一首/上一首/音量/打开超链接) 1.样例 2.分析 1.播放器界面 2.功能 2.1播放器界面 button:添加/播放/暂停/下一首/上一首 ...
html音乐播放器自动切歌,HTML音乐播放——切歌
$(function(){ $("#next").click(next); }); // 使用JQuery选择标签,则切歌后两首歌一起播放,用JS挺好 var eBar = doc ...

ckplayer播放器自动播放下一集以及点击下一集

ckplayer播放器自动播放下一集以及点击下一集相关推荐

最新文章

热门文章