【Dplayer视频播放器】一款好用的视频播放器

最新推荐文章于 2024-08-08 07:11:18 发布

bfsz

最新推荐文章于 2024-08-08 07:11:18 发布

阅读量4.3k

点赞数

分类专栏：前端文章标签： javascript 视频处理 html5

本文链接：https://blog.csdn.net/eureka52hz/article/details/111276945

版权

前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

这篇博客介绍了如何在网页中使用DPlayer来播放视频。首先，通过npm安装DPlayer，然后在HTML中添加div元素作为播放器容器，并引入DPlayer的JavaScript文件。接着，在script标签内创建DPlayer实例，指定视频URL和容器ID。通过这种方式，可以轻松地在网页上实现视频播放功能。

摘要由CSDN通过智能技术生成

使用

安装

npm install dplayer --save

使用

<div class="card">
    <div id="dplayer"></div>
</div>
</body>
<script src="/dplayer/dist/DPlayer.min.js"></script>
<script>
    const dp = new DPlayer({
        container: document.getElementById('dplayer'),
        video: {
            url: '/dplayer/Cosplay Cinematic.mp4',
        },
    });
</script>