Saltar al contenido

La forma más inteligente de Watermark video.js Player

Solución:

Las soluciones HTML / CSS deberían funcionar, si puede agregar un elemento al mismo nivel en la jerarquía DOM que el <video> etiqueta parece que seguirá apareciendo en modo de pantalla completa. Es posible que deba cambiar el CSS para que la marca de agua aparezca de la manera que desee, dependiendo de si la pantalla completa está habilitada o no, pero puede ver el tamaño del elemento de video para detectarlo. Pude lograr esto editando el DOM en el sitio video.js (acabo de agregar un <h1> justo antes del <video>):

View post on imgur.com

Ya hay un complemento para eso de videojs y mantiene el logotipo incluso si desea verlo en pantalla completa. También puedes cambiar la posición de tu logo.

https://github.com/xbgmsharp/videojs-watermark

¡Haz clic para puntuar esta entrada!
(Votos: 4 Promedio: 4.8)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *