Changement de YouTube iframe src avec jQuery
Je suis en train de changer une vidéo de YouTube, source iframe avec jQuery, mais c'est comme courir dans origine de la croix problème. Mon jquery code:
var videourl = $(".videourl").html();
$(".actualyoutube iframe").attr('src',videourl);
iframe obtient de nouvelles src valeur, mais la vidéo n'est pas affichée. Des idées?
explication détaillée:
Il y a un popup div avec embeded vidéo youtube
<div class="youtubepopup">
<div class="closeyoutube">X</div>
<div class="actualyoutube">
<iframe width="420" height="315" src="" frameborder="0" allowfullscreen></iframe>
</div>
</div>
Il y a un certain td qui contient une nouvelle url de src. Il n'y a pas d'autre endroit ou la manière d'obtenir cette url à l'exception de ce td.
<td class="videourl">//youtube.com/whatevervideo</td>
Et il y a un script qui devrait ajouter de la src sur ouvrir une pop-up et supprimer à la clôture.
var videourl = $(".videourl").html();
$(".youtubecap").click(function() {
$(".actualyoutube iframe").attr('src', videourl);
$(".youtubepopup").fadeIn('slow');
});
$(".closeyoutube").click(function() {
$(".youtubepopup").fadeOut('slow');
$(".actualyoutube iframe").removeAttr('src');
});
$(".youtubepopup").click(function() {
$(".youtubepopup").fadeOut('slow');
});
p.s. maintenant que je l'ai agencé, user3385530 est probablement droit
- Erreur dans la console? Est
videourl
intégrer l'url de la version? Vous devez fournir aux normes d'un échantillon en ligne à reproduire votre problème - Refusé à afficher 'youtube.com/watch?v=S2ISrpNM-0s " dans un cadre, car il set 'X-Frame-Options" à "SAMEORIGIN'
- Afin de définir src aide d'intégrer l'URL de la version //www.youtube.com/embed/S2ISrpNM-0s
- c'est ce que j'utilise, mais pour certaines raisons, j'ai besoin de la destination à être tiré à partir d'un div.
- Ne pourriez-vous fournir des échantillon de ce que vous êtes en train de parler?! Youtube ne permet pas d'afficher sa propre page dans l'iframe, c'est pourquoi vous avez besoin de l'inclure dans l'URL. Et je ne vois pas pourquoi est-ce lié à toute DIV.Si vos utilisateurs sont de passage URL de youtube, alors vous avez besoin pour analyser à intégrer version, en utilisant les regex ou n'importe quelle chaîne de remplacer les méthodes ou peut-être commencer à utiliser API youtube
- ajouté explication détaillée
Vous devez vous connecter pour publier un commentaire.
Vous ne pouvez pas afficher les pages de http://www.youtube.com dans un iframe. La bonne façon est d'utiliser leur vidéo intégrer les codes à l'intérieur de votre page web. IFrame intègre sont plus faciles, les URL dont vous avez besoin dans un iframe ressemble à ceci:
Il suffit de placer une iframe comme cela à l'intérieur de votre page web:
Enfin, en supposant que vous êtes en mesure d'extraire la vidéo id de l'Url à l'aide de jQuery, vous pouvez l'utiliser pour afficher des vidéos*:
* Modification de l'
src
propriété d'un iframe qui est déjà l'affichage d'une vidéo de YouTube ne fonctionne pas; je propose donc de détruire-iframe-recréer-iframe approche.Cela ne fonctionnera pas car la page est analysée et seulement à rafraîchir avec de nouveaux ulr va se passer.
Vous avez besoin pour utiliser ajax pour pré-charger la page avec la nouvelle url et iframe.