如何将上下文菜单嵌入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'}
]);