Die Iframes innerhalb der Bootstrap-Registerkarte verschwinden, wenn die Registerkarte angezeigt wird

Ich kämpfe derzeit mit seltsamen Iframe-Verhalten: Ich habe Bootstrap-Registerkarte mit drei Youtube-iframes drin. Wenn ich zum ersten Mal auf diese Registerkarte gehe, verschwinden iFrames, aber wenn ich auf eine andere Registerkarte klicke und zurück zur Registerkarte mit iFrames gehe, werden sie angezeigt! Ich habe versucht, iframe neu zu laden mit ‘show.bs.tab’ Event in js, iframes erschienen, neu geladen, aber dann verschwinden. Hier ist der Code innerhalb des Tabs mit Videos

'video', 'posts_per_page'=>3)); while ($news_query->have_posts()){ $news_query->the_post(); $video_link = get_post_meta( get_the_id(), 'youtube_link', true ); $video_link = str_replace("watch?v=", "embed/", $video_link); ?> <div class="news-item ">
<iframe src="" width="650" height="420" allowfullscreen frameborder="0">

Außerdem habe ich bemerkt, dass wenn ich Videos mit ‘v /’ anstelle von ’embed /’ einfüge, die Videos angezeigt werden, aber die Vollbild-Taste nicht funktioniert

Solutions Collecting From Web of "Die Iframes innerhalb der Bootstrap-Registerkarte verschwinden, wenn die Registerkarte angezeigt wird"

Ihr Problem ist nicht in Ihrer Kontrolle. Iframes sind nicht Ihre Site (zumindest wenn Sie Inhalte von externen Quellen einbetten). Der Inhalt unterliegt der Kontrolle eines anderen Entwicklers. Dann haben Sie das Problem, dass das Ausblenden und Anzeigen von Dingen mit JavaScript die Dinge wirklich durcheinander bringen kann – ein typisches Beispiel ist Google Maps. Das Beste, was Sie tun können, ist, zu einfachen Links zu wechseln und oEmbed für diesen Inhalt zu aktivieren, da dies ein leichtes und kleines bisschen mehr unter Ihrer Kontrolle und leichter zu handhaben ist als keine Kontrolle mit iFrames. Dann sollten Sie etwas Ähnliches wie eine AJAX-Anfrage (JS weise) durchführen und den Inhalt neu laden, wenn Sie das Tab / div / was-html-Element anzeigen. Weitere Informationen dazu finden Sie in dieser Antwort .