返回顶部

[Vue.js] Dplayer 实现视频(URL)切换

[复制链接]
awagink 显示全部楼层 发表于 2021-3-9 15:29:36 |阅读模式 打印 上一主题 下一主题
使用dp.switchVideo方法实现
  1. <div class="card" style="width:100%;height:60%;margin-top:7.5%;">
  2.                 <div id="dplayer" class="background2"></div>
  3.                 <script>
  4.                         const dp = new DPlayer({
  5.                         container: document.getElementById('dplayer'),
  6.                         screenshot: true,
  7.                         video: {
  8.                                 url: 'http://static.smartisanos.cn/common/video/t1-ui.mp4',
  9.                                 pic: 'http://static.smartisanos.cn/pr/img/video/video_03_cc87ce5bdb.jpg',
  10.                                 thumbnails: 'https://moeplayer.b0.upaiyun.com/dplayer/hikarunara_thumbnails.jpg'
  11.                         }
  12.                 })function sw(){
  13.                         dp.switchVideo({
  14.     url: 'video/背景.mp4',
  15.     pic: 'http://static.smartisanos.cn/pr/img/video/video_03_cc87ce5bdb.jpg',
  16.     thumbnails: 'https://moeplayer.b0.upaiyun.com/dplayer/hikarunara_thumbnails.jpg'
  17.                         })
  18.                 }
  19.                 </script>
复制代码



您需要登录后才可以回帖 登录 | 注册

本版积分规则

纳速健身网成立于2006年8月,是国内优秀健身运动网站,现拥浏览人数超30万。网站是集养生、武术、太极拳和健身气功等多种健身项目于一体的多功能交流平台。平台提供大量优质的教学视频、伴奏音乐(太极拳晨练音乐,广场舞音乐,健身气功音乐)、图文教程、运动科普和经验分享,为健身爱好者提供完善的运动指导平台。
  • 纳速QQ群乙:151815303
  • 纳速QQ群丙:79104490
  • 微信交流群:微信好友搜索【nasuwang】加小纳微信进群交流健身知识,备注【纳速】
  •                     或者扫描页面底部右侧二维码添加小纳微信>>>
  • 微信公众号

  • 微信群客服交流

  • Copyright © 2006-2021, 纳速健身网. | | 辽ICP备13002388号-1 辽公安网备21050202000005号公安网备号 纳速武术-乙 QQ