我们正在将我们的播放器从Flowplayer迁移到Video.js。 在我们当前的Flowplayer安装中，我们使用一个选项在我们的视频上添加水印：
flowplayer( .. , .. , {logo:{'url':'/path/to/watermark.png'}});
哪个是在Video.js中复制此行为的最佳方式？
理想情况下，解决方案将是我们已经尝试过的CSS（使用较高z-index的上层背景）但是当你全屏时水印会丢失，
有什么想法吗？提前致谢
答案 0 :(得分：2)
HTML / CSS解决方案应该可行，如果您可以在DOM层次结构中添加与<video>标记相同级别的元素，它看起来仍将以全屏模式显示。您可能必须更改CSS以使水印以您希望的方式显示，具体取决于是否启用全屏，但您可以观察视频元素的大小以检测它。我能够通过编辑video.js网站上的DOM来实现这一目标（我刚刚在<h1>之前添加了<video>）：
答案 1 :(得分：1)
我为videojs编写了一个插件，它将使用可配置的不透明度和可选的href覆盖图像。它可能适合您的需求
答案 2 :(得分：1)
已经有一个来自videojs的插件，即使你想全屏观看它也会保留徽标。您也可以更改徽标的位置。
答案 3 :(得分：0)
在此网址以全屏模式查看流程图CSS：
http://flowplayer.org/standalone/complete.html
它很好地说明了z-index解决方案 - 同样可以应用于video.js
答案 4 :(得分：0)
插件https://github.com/xbgmsharp/videojs-watermark运作良好。
在videojs.watermark.js文件中，您需要更改...
videojs.plugin
到
videojs.registerPlugin
并且您必须对“右下”的CSS位置进行一些小的更改，以使徽标显示在控制栏上方。但是效果很好。
//拉维·贾戈帕尔