预览

代码部分（插入到需要展示的地方）

<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://sc.nbqyep.com/jsdelivr/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/