Quiero crear una marca de agua de video, que el usuario final no puede eliminar manipulando DOM. Actualmente intenté agregar una marca de agua usando css y superposiciones, que es bastante fácil de eliminar si el usuario tiene un poco de conocimiento sobre DOM y elementos del navegador.
Puede probar un truco, pero esto es solo una teoría: en lugar de mostrar todas las imágenes directamente, cree un envoltorio SVG que muestre el video real, algo como esto .
Luego, en su página principal, muestre este control SVG usando img o iframe .
Muestra.svg
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"> <text x="0" y="0">Some watermark goes here</text> <foreignObject x="0" y="0" width="300" height="100"> <video xmlns="http://www.w3.org/1999/xhtml" width="300" height="100"> <source src="some-video.mp4" type="video/mp4" /> </video> </foreignObject> </svg>Pagina principal
<img src="sample.svg" />