如何从视频标签的右键菜单中禁用某些选项，如 deeplearning.ai 网站上的。附上截图

Question

我想知道如何从我们网站上视频元素的右键菜单中禁用某些选项，例如 - 当用户右键单击该视频时，deeplearning.ai 网站的开发人员如何禁用某些菜单选项。

示例网站链接

Answer 1

您需要使用 MediaSource API（有时称为 MSE）来播放视频文件。

请参阅此示例 通过 MSE 播放的视频。查看其源代码或阅读这样的文章。

网站在做什么...

通常您会导出碎片 MP4（在视频编辑器中），然后将这些块输入 MSE。正是这种分块过程使得没有“一个文件”可供下载。因此该选项被禁用。

就该网站而言，他们使用 M3U8 播放列表来播放 MPEG-TS 视频文件块。由于 MSE 不支持

.ts

文件中的

.m3u8

数据，因此使用特殊播放器 (Video-JS) 提取块并将其馈送到 MSE 中。可以手动完成，但网站更喜欢使用 VideoJS 来播放他们的

.m3u8

文件。