首页 > 网站制作
一言推荐::D 获取中...

DPlayer网页视频播放器

OLEOU/ lz1473/网站制作/2021-03-07/

预览
 

代码部分(插入到需要展示的地方)

<div id="dplayer"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/dplayer/1.26.0/DPlayer.min.js"></script>
<script type='text/javascript'>
const dp = new DPlayer({
    container: document.getElementById('dplayer'),
    video: {
        pic: 'https://cdn.jsdelivr.net/gh/lz1473/test@master/img/20210307232022.png', //视频封面
        url: 'https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-576p.mp4', //换成你的视频地址
    },
    contextmenu: [
    {
        text: 'OLEOU',
        link: 'https://www.oleou.com',
    }
    ],
});
</script>

更多参数见官网

http://dplayer.js.org/
 

TAGS:播放器 自适应 视频 dplayer

打赏 点赞
邮箱
验证码
昵称