[Résolu] Vidéo – cacher contrôle mais possibilité de cliquer pour pause ? (Créer un compte)

  • WordPress :6.2
  • Statut : résolu
4 sujets de 1 à 4 (sur un total de 4)
  • Auteur
    Messages
  • #2456678
    js.artonne
    Participant
    Initié WordPress
    12 contributions

    Bonjour,

     

    Je cherche à mettre une vidéo sur mon site via les widgets d’Elementor, jusqu’à présent j’ai essayé en source le « Self Hosted », avec l’option player controls en « hide » car je ne veux pas voir l’interface. Mais avec cette option impossible de cliquer sur la vidéo pour la mettre en pause. J’ai donc essayé Youtube, mais impossible de cacher leur logo, puis daylimotion mais il y a leur pub..

    Avez vous une idée de widget complémentaire pour répondre à ce besoin ?

    Merci !

    #2456688
    momofr@free.fr
    Modérateur
    Maître WordPress
    6446 contributions

    Salut, le player video HTML5 en permet pas ce que tu demandes.

    Il faut regarder du côté des extensions, en Premium à mon avis, qui permettent de personnaliser les fonctionnalités d’un lecteur vidéo.

    #2456692
    js.artonne
    Participant
    Initié WordPress
    12 contributions

    Merci pour ton retour. Même du coté des versions payante il n y avait pas grand choix. J’ai vu que par le passé elementor Pro permettait cela pour les vidéo youtube avec le « hide player & title »

    Par contre je viens d’essayer l’option IA de elementor, je lui ai demandé : « hide all video control interface except play and stop »
    il m’a donné ça:
    <div>selector video::-webkit-media-controls-panel,</div>
    <div>selector video::-webkit-media-controls-timeline,</div>
    <div>selector video::-webkit-media-controls-current-time-display,</div>
    <div>selector video::-webkit-media-controls-time-remaining-display,</div>
    <div>selector video::-webkit-media-controls-volume-slider {</div>
    <div>display: none;</div>
    <div>}</div>
    <div></div>
    <div>selector video::-webkit-media-controls-play-button,</div>
    <div>selector video::-webkit-media-controls-pause-button,</div>
    <div>selector video::-webkit-media-controls-stop-button {</div>
    <div>display: flex;</div>
    <div>}

    et ça marche !</div>

    #2456693
    js.artonne
    Participant
    Initié WordPress
    12 contributions

    Après plusieurs essais ce code css rajouté au widget vidéo semble suffire :

    selector video::-webkit-media-controls-panel
    {display: none;}

    En espérant que ça puissent aider d’autres personne.

    Bonne journée

4 sujets de 1 à 4 (sur un total de 4)
  • Vous devez être connecté pour répondre à ce sujet.