Dplayer 实现视频（URL）切换

首先呢，先声明一个，很简单的，然后调用sw()就可以了

<div class="card" style="width:100%;height:60%;margin-top:7.5%;"><div id="dplayer" class="background2"></div><script>const dp = new DPlayer({container: document.getElementById('dplayer'),screenshot: true,video: {url: 'http://static.smartisanos.cn/common/video/t1-ui.mp4',pic: 'http://static.smartisanos.cn/pr/img/video/video_03_cc87ce5bdb.jpg',thumbnails: 'https://moeplayer.b0.upaiyun.com/dplayer/hikarunara_thumbnails.jpg'}})function sw(){dp.switchVideo({url: 'video/背景.mp4',pic: 'http://static.smartisanos.cn/pr/img/video/video_03_cc87ce5bdb.jpg',thumbnails: 'https://moeplayer.b0.upaiyun.com/dplayer/hikarunara_thumbnails.jpg'})}</script>

Dplayer 实现视频（URL）切换相关推荐

萤石云视频直播切换出现no source found in video tag.的问题解决方法
使用套件以及业务说明:在使用海康萤石云的轻应用-视频开发套件的时候,根据公司需要,需要根据不同的直播地址在页面点击按钮切换直播的显示,效果图如下.前端框架用的是Layui 问题描述:在点击切换按钮的时 ...
基于ijkplayer的视频播放器，仿Bilibili客户端，集成沉浸式全屏、弹幕、触屏控制、视频源切换等功能
该视频播放器基于Bilibili的开源项目ijkplayer做的,是在github上的demo基础上搭建了个播放界面,如果你之前有研究过这个demo代码,那你看这个库就非常简单了.至于还不知道ijkp ...
【WebRTC 02】从摄像头获取视频以及切换分辨率和视频源
上一节中我们已经搭建出了用于操作的环境,这一节我们要实现的一个小目标,就是将电脑摄像头拍到的内容实时显示到网页上.同时我们一起学习下原理,并做一些小拓展. 文章目录操作环境实现效果几个概念 HT ...
软件工程应用与实践（8）——视频清晰度切换
2021SC@SDUSC 文章目录一.概述二.代码分析 2.1 安装配置 2.2 播放器的创建 2.3 应用三.总结一.概述在老年健康管理系统中,需要播放相应的视频,在播放视频的过程中,需要 ...
android异步加载视频缩略图,swift-如何将视频URL的缩略图异步加载到tableview列表中...
我做了一个演示,可以从视频URL上一堆加载缩略图.现在我想在tableview列表中显示所有加载的缩略图,但是问题是.如果我使用异步的话,tablview会挂起直到下载完所有缩略图线程比我的table ...
android无缝切换播放器,android 视频无缝切换无缝播放 surfaceview
android 视频无缝切换无缝播放 surfaceview 最近做一个app,其中有一个控件要不断的播放视频,切换视频,然后遇到每次切换视频都会黑屏一会. baidu,google没有找到有效的 ...
根据视频URL解析视频信息（本地|网络）
根据视频url解析视频播放时长前言艰难历程案例结束前言公司最近有个需求,从评价服务获取优质评价,但是评价侧未给我们视频播放时长等信息,只能获取到视频的URL,但是我们这边必须要获取播放时 ...
vue在使用element时使用video视频地址切换视频动态改变
vue在使用element时使用video视频地址切换视频动态改变今天用vue在写element的table时,在table中使用video动态渲染,但是渲染上的视频地址修改后,发现之前的视频还在, ...
Linux使用双向链表实现图片、音乐、视频的切换和删除功能
Linux使用双向链表实现图片.音乐.视频的切换和删除功能 Linux检索目录下的后缀文件(.bmp .avi .mp3),并将文件名存入链表中一.双向链表的实现 1.创建双向链表 2.链表节点添加 ...
js视频背景切换js特效代码
下载地址 js视频背景切换特效代码,用缩略图控制网页全屏背景切换效果. dd:

Dplayer 实现视频（URL）切换

Dplayer 实现视频（URL）切换相关推荐

最新文章

热门文章