Dplayer 实现视频（URL）切换

最新推荐文章于 2025-06-02 09:06:53 发布

pink_joker

最新推荐文章于 2025-06-02 09:06:53 发布

阅读量2w

点赞数

CC 4.0 BY-SA版权

分类专栏： html 视频插件文章标签： Dplayer

本文链接：https://blog.youkuaiyun.com/dsadasjdka/article/details/86634819

html 同时被 2 个专栏收录

1 篇文章

订阅专栏

视频插件

1 篇文章

订阅专栏

本文介绍了如何使用DPlayer配置视频播放器，包括设置视频URL、预览图片和缩略图，以及如何调用switchVideo方法切换视频源。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先呢，先声明一个，很简单的，然后调用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>