Hudodragon的博客

原创 前端添加视频水印，全屏放大也有效不消失

最近写项目来了个新需求，给视频添加水印，原以为很轻松一下就写完了，用了后发现正常看水印可以，当视频放大时水印就消失了。找了好几种，有使用水印组件的，有使用canvas的，但都会碰到同样的问题，正常看，水印可以，当视频放大时水印就消失了。要注意的是，因为全屏按钮与非全屏按钮自己用定位定上去的，所以需要自己记录全屏状态与非全屏状态，写两套定位效果。还有双击视频进入全屏与退出全屏的问题，这里需要自己进行拦截，不然双击进去的还是视频标签的全屏。4.最后自己手写全屏与退出全屏效果，并兼容不同的浏览器。