DPlayer使用技巧

DPlayer

快速入门

http://dplayer.js.org/zh/guide.html

边环境边播放格式FLV

需要引用一个flv.js

同时此库需要服务器环境才能正常使用。可以使用vscode的插件Live Server

去掉默认右键菜单

  1. 修改源码:
    源码中查询this.player.container.addEventListener("contextmenu"改下事件名称contextmenu为其他字符。

  2. 样式隐藏
    #dplayer .dplayer-menu-show{ display:none }

  3. 删除全部菜单元素
    $('.dplayer-menu').remove();

  4. 删除指定菜单

    1
    2
    3
    4
    const auther = $(".dplayer-menu-item:nth-child(2)");
    const git = $(".dplayer-menu-item:nth-child(3)");
    auther.remove();
    git.remove();

屏蔽video的右键事件

$('#dplayer video').bind('contextmenu',function() { return false; });

-end-

评论

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×