Comment puis-je supprimer le gros bouton play à la fin de la lecture d'une vidéo (VideoJS)

J'ai posté ceci dans le VideoJS forums mais n'ai pas encore reçu une réponse, j'espérais que je pourrais obtenir de l'aide ici. : )

Je suis en train d'essayer de supprimer le "gros bouton de lecture" qui s'affiche une fois qu'une vidéo est fini de jouer vidéo js.

J'ai essayé de nombreuses masque/affiche mais ne semble pas possible de l'obtenir à disparaître à la fin. J'ai eu à le cacher au début, simplement en modifiant le css, mais je n'ai rien trouvé pour la fin. Je suis à l'aide de la version la plus courante de la Vidéo JS, et, par conséquent, le vieux bugs que j'ai trouvé ne fonctionne pas.

S'il vous plaît aider. Je vous remercie à l'avance!

OriginalL'auteur user1462210 | 2012-06-17

  1. 3

    Le CSS pour y répondre, si vous pourriez être mieux de les cacher dans votre propre feuille de style de sorte que vous pouvez mettre à niveau vers les versions ultérieures de Video.js sans problème. Cela devrait le faire.

    .video-js.vjs-default-skin .vjs-big-play-button { display: none; }

    Vous pouvez également supprimer la ligne qui inclut les bigPlayButton composant, mais ce serait vraiment facile de prévenir la mise à niveau.

    https://github.com/zencoder/video-js/blob/master/src/core.js#L69

    OriginalL'auteur heff

  2. 1

    Juste enlever/modifier le CSS, il est là.
    C'est la ligne 328 jusqu'à 360 en vidéo-js.css

    https://github.com/zencoder/video-js/blob/master/design/video-js.css

    OriginalL'auteur Julian Hollmann

  3. 0

    Leurs javascript ajoute une classe sur l'id pour indiquer que la vidéo a fini de jouer. Ajouter le code css suivant la ligne:

    .vjs-paused .vjs-big-play-button { display: none; }

    OriginalL'auteur Andrew Junior Howard