Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/420.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将上下文菜单嵌入HTML5视频播放器?_Javascript_Html_Contextmenu_Video.js - Fatal编程技术网

Javascript 如何将上下文菜单嵌入HTML5视频播放器?

Javascript 如何将上下文菜单嵌入HTML5视频播放器?,javascript,html,contextmenu,video.js,Javascript,Html,Contextmenu,Video.js,我目前正在摆弄一个HTML5视频播放器,我想把这个上下文菜单添加到其中。我是新手,我得到的答案越多,我将不胜感激 提前谢谢。简单地看一下ContextJS文档,您要做的第一件事就是初始化它 // these are all the defaults context.init({ fadeSpeed: 100, filter: null, above: 'auto', preventDoubleContext: true, compress: false }

我目前正在摆弄一个HTML5视频播放器,我想把这个上下文菜单添加到其中。我是新手,我得到的答案越多,我将不胜感激


提前谢谢。

简单地看一下ContextJS文档,您要做的第一件事就是初始化它

// these are all the defaults
context.init({
    fadeSpeed: 100,
    filter: null,
    above: 'auto',
    preventDoubleContext: true,
    compress: false
});
现在,您可以使用context.attachselector、menuObjects在不同的项目上启用上下文菜单

似乎video.js将类video js应用于它生成的所有视频播放器容器。因此,您可以通过执行以下操作向屏幕上的每个视频添加上下文菜单:

context.attach('.video-js', [
    {text: 'play', action: function(){ /* code */ }},
    {text: 'help', href: '/help.html'}
]);

我对你感激不尽。我还是有点问题。你把上面的两段代码放在哪里?典型的放它们的地方是在代码底部的标签中。确保它们出现在video.js和ContextJS脚本之后。script src=video.js>ontext.init{fadeSpeed:100,filter:null,在“auto”上方,preventDoubleContext:true,compress:false};context.attach'.video js',[{text:'play',action:function{/*code*/}},{text:'help',href:'/help.html'}];不要忘记context.js需要jQuery才能工作,还需要特殊的样式表。jQuery应该是第一个脚本标记,样式表应该放在标记中。如果它仍然不起作用,如果开发人员控制台中出现任何错误,请报告。