1. Accueil
  2. Question et réponse
  3. Le moyen le plus intelligent de Watermark video.js Player

Le moyen le plus intelligent de Watermark video.js Player

2012-10-16 7 views
7

nous migrons notre lecteur de Flowplayer à Video.js. Dans notre installation actuelle Flowplayer nous utilisons une option d'ajouter un filigrane sur nos vidéos:Le moyen le plus intelligent de Watermark video.js Player

flowplayer(.. , .. , {logo:{'url':'/path/to/watermark.png'}});

Quelle serait la meilleure façon de reproduire ce comportement dans Video.js?

Idéalement, la solution sera un CSS que nous avons déjà essayé (en utilisant un fond dans une couche supérieure avec z-index plus élevé) Mais ce filigrane entraîne la perte que vous allez en plein écran,

Toute idée? Merci d'avance

Source

2012-10-16 jmserra

+0

Il ne semble pas comme il y a une option équivalente, vous avez envisagé d'appliquer directement sur la vidéo? – bookcasey

+0

Nous avons plus de 200.000 vidéos, donc ce n'est pas une option :( – jmserra

+0

Quelle est la raison de l'ajout d'un filigrane css? Il ne protège pas les vidéos.La seule façon de les protéger serait de ré-encoder les vidéos et ajouter le filigrane du fichier vidéo –

Répondre

2

Les solutions HTML/CSS devraient fonctionner, si vous pouvez ajouter un élément au même niveau dans la hiérarchie DOM que la balise <video>, il semble qu'il apparaîtra toujours en mode plein écran. Vous devrez peut-être modifier le CSS pour que le filigrane apparaisse comme vous le souhaitez, selon que le plein écran est activé ou non, mais vous pouvez regarder la taille de l'élément vidéo pour le détecter. J'ai pu y parvenir en modifiant les DOM sur le site video.js (je viens d'ajouter un <h1> juste avant le <video>):

http://imgur.com/a/ABItT

Source

2012-10-22 02:10:27 Cecchi

+0

Merci Cecchi je vais certainement continuer à essayer d'ici puis – jmserra

Questions connexes

 Questions connexes