charger une vidéo dans une div en cliquant sur un lien d’image

J’espère que quelqu’un peut aider.

J’essaie de créer une page où vous avez 3 images miniatures de photos forment une vidéo. Lorsque vous cliquez sur le lien de l’image, une vidéo doit être chargée dans un grand div au-dessus des miniatures.

Je suis coincé pour charger la vidéo dans le grand div, au moment où elle s’ouvre dans un nouvel onglet (en utilisant une vidéo youtube comme exemple).

Quelqu’un peut-il suggérer une méthode pour créer cela?

• Comment cacher un texte spécifique au contenu sans appeler de CSS?
• Redirection basée sur les cookies en utilisant Javascript
• Supprimer div avec un clic de bouton en utilisant JavaScript
• jQuery mobile – Division de pages en différents fichiers
• Désactiver une zone de texte si la case à cocher est cochée

Exemple de code:

jQuery:

$(".video-1, .video-2, .video-3").on("click", function(event) { event.preventDefault(); $(".video_main iframe").prop("src", $(event.currentTarget).attr("href")); }); 

html

• arrêter le chapiteau au passage de la souris et jouer à la souris
• Les tabs de manipulation simples Jquery ne fonctionnent pas dans jsp
• Comment puis-je télécharger un fichier MP4 au lieu de le lire sur le navigateur?
• .test en javascript ne fonctionne pas comme prévu
• Ajouter une zone de texte en cliquant sur une barre de boutons 4

 $(".video-1, .video-2, .video-3").on("click", function(event) { event.preventDefault(); $(".video_case iframe").prop("src", $(event.currentTarget).attr("href")); });