随后,通过一段JavaScript代码实例化了一个DPlayer对象,并对其进行了详细的配置。container属性指定了播放器所在的DOM元素,video对象设置了视频文件的URL,而danmaku对象则配置了弹幕的相关信息,包括弹幕数据的唯一标识符和API接口地址。通过这样的设置,DPlayer便能够在指定的容器内播放视频,并支持实时弹幕功能,为用户提供更加...
省略无关代码,初始化播放器 const dp = new DPlayer({ container: document.getElementById('video'), video: { url: 'https:///xxx.xxxx.mp4', // 视频地址 }, }); </script> 这就完成一个基础播放器了,非常简单。当然 DPlayer 支持的功能也很多,官网提供了中文文档,写得很详细,并且都配套了代码...
EG: dplayer.video.current.onplay = function(){ console.log("start play video"); } 6、获取当前视频播放时间: dplayer.video.current.currentTime
EG: dplayer.video.current.onplay = function(){ console.log("start play video"); } 6、获取当前视频播放时间: dplayer.video.current.currentTime
import"video.js/dist/video-js.css";importHlsfrom"hls.js";importDPlayerfrom"dplayer"; # 3、页面中的使用 <template><divclass="myVideo"><divid="dplayer"ref="player"class="dplayer video-box"></div></div></template><script>import"video.js/dist/video-js.css";importHlsfrom"hls.js";import...
getElementById('dplayer'), // 容器 video: { url: 'demo.mp4', // 视频URL pic: 'demo.jpg', // 视频封面 }, }); // 绑定事件 dp.on('video:play', function() { console.log('视频开始播放'); }); dp.on('video:pause', function() { console.log('视频暂停'); }); dp.on('...
Android GSYVideoPlayer 播放按键 dplayer android播放器,DPlayer播放器前言今天花了点时间看了一下DPlayer播放器,DPlayer播放器支持弹幕,音量调节,后期的弹幕设置以及放大缩小屏幕等操作,好的一点是比上次那个flv的demo好一点,总感觉用DPlayer播放器和flvdemo的播放
console.log("start play video"); }) (2)通过dplayer.video.current对象设置 ondurationchange onerror onload onloadeddata onloadedmetadata onloadstart onmousedown onmouseenter onmouseleave onmousemove onmouseout onmouseover onmouseup onmousewheel onpause onplay onplaying onpointercancel onpointerdown onpointeren...
new Dplayer({ //初始化视频对象 container:videoRef.value, //指定视频容器节点 video:{ url:video.url, // 指定视频播放链接 pic:video.cover // 指定视频封面图 }, danmuku:{ addition:video.danmuurl //配置弹幕接口路径 } }) 1 2 3 4 5 6 7 8 9 10...
new Dplayer({ //初始化视频对象 container:videoRef.value, //指定视频容器节点 video:{ url:video.url, // 指定视频播放链接 pic:video.cover // 指定视频封面图 }, danmuku:{ addition:video.danmuurl //配置弹幕接口路径 } }) 1 2 3 4 5 6 7 8 9 10...