Comment ajouter vimeo joueur dans la fenêtre pop-up lorsque c'cliquez sur l'Image..???

Je veux ajouter de la vidéo dans mon site web. Mais je veux jouer que de la vidéo dans une fenêtre pop up lorsque l'utilisateur cliquez sur l'image. Comment puis-je faire.??

Je veux créer qui ressemblent à ce site web.
https://www.shoplocket.com/

Thanxx 🙂

  • Apprendre à créer des pop-ups.
InformationsquelleAutor Shashika Nanayakkara | 2012-09-20
  1. 1

    Vous pouvez utiliser colorbox

    voir ici par exemple

    InformationsquelleAutor JackTurky
  2. 1

    Bien tout d'abord, vous devez savoir quel type de pop-up que vous voulez. Juste une nouvelle fenêtre ou un bel effet comme le site web que vous avez fournis.

    Dans le dernier cas, vous pouvez regarder certains populaire popup de possibilités comme lightbox, fancybox,...
    Selon les plugins que vous choisissez, vous aurez à vérifier leur documentation pour intégrer de la vidéo.

    Bonne chance!

    InformationsquelleAutor Boyye
  3. 0

    Utilisation PrettyPhoto.

    Découvrez le Vimeo de Contenu en elle.

    Pour ouvrir Vimeo contenu avec simplement:

    1. Créer un lien (<a href="#"></a>).
    2. Ajouter l'attribut rel “prettyPhoto” pour elle (rel=”prettyPhoto”).
    3. Changer le href du lien qui pointe sur la vidéo Vimeo page, le même lien que vous accepteriez de partager avec des amis.

    Code:

    <a href="http://www.youtube.com/watch?v=qqXi8WmQ_WM" rel="prettyPhoto" title=""><img src="images/thumbnails/flash-logo.jpg" alt="YouTube" width="60" /></a>
    InformationsquelleAutor Praveen Kumar Purushothaman
  4. 0

    Pour lire une vidéo mettre comme contenu d'une popup

    <video id="videoPop" class="video" controls >
    <source src="adress">
</video>

    C'est popup lui-même:

    HTML:

    <div class="popup" onclick="myFunction()">Click me!
  <span class="popuptext" id="myPopup">Popup text...</span>
</div>

    JS:

    <script>
//When the user clicks on <div>, open the popup
  function myFunction() {
   var popup = document.getElementById('myPopup');
   popup.classList.toggle('show');
  }
</script>

    Quand j'écris cela, le site que vous avez mentionné ne fonctionne pas, donc je vis CSS pour vous.

    Non vous devez HTML de déclenchement:

    <div class="popup" onclick="myFunction()">Click me to toggle the popup!
  <span class="popuptext" id="myPopup">A Simple Popup!</span>
</div>
    InformationsquelleAutor Damian Roszak