javascript - 如何将上下文菜单嵌入 HTML5 视频播放器？

Question

我目前正在摆弄 HTML5 视频播放器 video.js ，我想添加这个上下文菜单 ContextJS到。我对此很陌生，如果我得到更多答案，我将不胜感激。

提前谢谢您。

Answer 1

通过简要查看 ContextJS 文档，您要做的第一件事就是初始化它。

// these are all the defaults
context.init({
    fadeSpeed: 100,
    filter: null,
    above: 'auto',
    preventDoubleContext: true,
    compress: false
});

现在，您可以使用 context.attach(selector, menuObjects) 在不同项目上启用上下文菜单。

看来 video.js 将类 video-js 应用于它创建的所有视频播放器容器。因此，您可以通过执行以下操作向屏幕上的每个视频添加上下文菜单:

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