DASH:DASH 视频需要加载 dash.all.min.js 文件。 3.初始化播放器并传入对象地址。 const dp=new DPlayer({ container: document.getElementById('dplayer'), video:{ url:'https://<BucketName-APPID>.cos.<Region>.myqcloud.com/xxx.mp4', // COS 视频对象地址 },...
}); FLV支持 它需要 flv.js库,并且应该在 DPlayer.min.js之前加载。 <!-- ... -->vardp =newDPlayer({// ...video: {url:'xxx.flv'// ...} }); 使用bundler模块 varDPlayer =require('DPlayer');vardp =newDPlayer(option); 其他类似工具: DPlayer, videos.js, ckplayer,vue-DPlayer,vue-vid...
<!-- 引入基础脚本 player.min.js --> const dp = new DPlayer({ container: document.getElementById('dplayer'), video: { // url: 'http://videomy.yongaomy.com:8091/20200502/dAPPeXWg/index.m3u8', url: 'https://lizst.glendonclass.com/media/videos/mp4/235858.mp4?st=jn6DoWyxoKML...
<!DOCTYPEHTML>VideoPlay#dplayer{max-width:960px;height:620px;margin:0auto;}constdp=newDPlayer({container:document.getElementById('dplayer'),screenshot:true,video:{quality:[{name:'HD',url:'123.mp4',type:'normal'},{name:'SD',url:'123.mp4',type:'normal',},],defaultQuality:0,// pic:...
<!DOCTYPEHTML>VideoPlay#dplayer{max-width:960px;height:620px;margin:0auto; }constdp =newDPlayer({container:document.getElementById('dplayer'),screenshot:true,video: {quality: [ {name:'HD',url:'123.mp4',type:'normal'}, {name:'SD',url:'123.mp4',type:...
2.封装min.js和min.css 在github找到其源码,http://dplayer.js.org/#/zh-Hans/ 本站提供cdn代码,下面分别是 css 和 js 3.首先使用原生js实现的视频播放,再使用DPlayer比较效果 4.简单使用DPlayer <!DOCTYPE html> 52的小窝提供dplayer测试代码 <!-- 创建一个div --> <!-- 引用css和js...
var url="https://www.moerats.com/xx.mp4"; //这里填写视频地址 var id=md5(url); const dp = new DPlayer({ container: document.getElementById('dplayer'), video: { url: url }, danmaku: { id: id, api: 'https://dplayer.moerats.com/' //这里填写弹幕地址 ...
Or work with module bundler: import DPlayer from 'dplayer'; const dp = new DPlayer(options); Initialization in js: const dp = new DPlayer({ container: document.getElementById('dplayer'), screenshot: true, video: { url: 'demo.mp4', pic: 'demo.jpg', thumbnails: 'thumbnails.jpg'...
切换视频 js: $(function () { // 初始化视频 const dplayer = new DPlayer({ container: document.getElementById('dplayer'), video: { url: 'video/001.mp4', //视频路径 pic: 'images/banner1.png', //视频封面 thumbnails: 'images/banner2.png', //视频缩略...
然后再node_modules\dplayer\dist下拷贝出DPlayer.min.js。 由于其使用依赖于hls.js和flv.js。所以以同样的方法下载到其js文件。 最后组装进同一个工程 Part3播放视频 播放视频的html示例如下 AI检测代码解析 <!DOCTYPE html> Document</