我们正在将播放器从Flowplayer迁移到Video.js。
在当前的Flowplayer安装中，我们确实使用选项在视频上添加水印:
flowplayer( .. , .. , {logo:{'url':'/path/to/watermark.png'}});
哪一种是在Video.js中复制此行为的最佳方法？
理想情况下，解决方案将是我们已经尝试过的CSS(使用具有较高z-index的上层背景)，但是当您全屏浏览时，水印会丢失，
任何想法？提前致谢
最佳答案
如果您可以在DOM层次结构中添加与<video>标记相同级别的元素，则HTML/CSS解决方案应该可以工作，看起来它仍将以全屏模式显示。您可能需要更改CSS才能使水印以您希望的方式显示，具体取决于是否启用了全屏显示，但是您可以观看视频元素的大小以进行检测。我可以通过在video.js网站上编辑DOM来实现此目的(我只是在<h1>之前添加了<video>):
http://imgur.com/a/ABItT
关于css - 水印video.js播放器的最聪明方法，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12918117/