You don’t need to include frameborder="0" in your
s as we override that for you. 4:3, müsstest Du die Ratio entsprechend anpassen, also dann statt 56.25% 75%.Hauptsache es funktioniert Wenn Du den Teilen-Link in Verbindung mit einem Plugin wie Borlabs Cookie oder Video Lyte verwendest, gibts da auch keine Probleme mehr mit dem Datenschutz, so dass Du die iframe-Lösung dann auch nicht unbedingt mehr brauchst. Funktioniert auch mit anderen Videohostern wie Vimeo oder Dailymotion. <br> <br>Diese Tools machen in der Regel nichts anderes, als den Code in die style Tags in den Header einzubauen. In dit geval is het de iframe maar u kunt deze code ook gebruik met objects en embed elementen.Meer werk is er niet te doen. Hat sofort funktioniert. Mit dem Plugins Lazy Load for Videos geht das meines Wissens nach: Ein Online Business sollte Dir Freiheit bringen und nicht noch mehr Stress.Trag Dich jetzt in meinen Newsletter ein und erhalte News, Tipps, Extra Content und Angebote zum Thema SEO, Content Marketing, WordPress und Online Business Aufbau!DSGVO für Blogger und Websitebetreiber - das musst Du wissen!33 SEO-Tipps für 2019, die Dein Google Ranking verbessernGutenberg Editor – das solltest Du wissen - der ultimative GuidePodcast starten – die ultimative Anleitung für EinsteigerOnlinemarketing in Krisenzeiten - Corona als Chance sehenDSGVO und WordPress Plugins: The Good, The Bad and The UglyDie Angabe des Namens ist freiwillig und Dein Name wird nur zur Personalisierung des Newsletters verwendet. Our little trick from above isn’t going to help us when dealing with video that is delivered via <iframe>.Forcing the width to 100% is effective, but when we set height: auto, we end up with a static height of 150px 1, which is far too squat for most video and makes for more R&E (Ridiculous and Embarrassing). Sollten die Videos in einem anderen Format sein, z.B. <br> <br>Kannst du mir mal einen Link schicken, wo das Problem auftaucht?den Link habe ich dir per Mail geschickt. Ich mache Dich fit für Dein Online Business und ich zeige Dir, wie Du Dir ohne Stress ein Online Business aufbaust, das Spaß macht und Dich unabhängig von Zeit gegen Geld macht. The key to creating a responsive YouTube embed is with padding and a container element, which allows you to give it a fixed aspect ratio. Liegt das an Borlabs Cookies? How To Make a Responsive 100% Width YouTube iFrame Embed. In jedem Newsletter hast Du die Möglichkeit, Dich wieder auszutragen. Aan uw css voegt u het volgende toe:Het bovenste gedeelte richt zich op de video container en het onderste gedeelte op wat er zich in de container bevindt. <br> <br>Falls Du das nicht möchtest, baust Du um das erste DIV einfach noch ein Wrapper DIV ein und legst dort die Breite fest.Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von YouTube.Dabei wird das Video gleichzeitig noch zentriert dargestellt. Hat auf Anhieb sehr gut geklappt. Klappt wunderbar.Youtube is im Vergleich zu Vimeo erheblich umständlicher. Men kan dit probleem zowel met CSS als met Javascript oplossen. Wrap any embed like an <iframe> in a parent element with .embed-responsive and an aspect ratio. Die Umsetzung hat einwandfrei funktioniert.Vielen Dank für die tolle Erklärung, es hat sofort einwandfrei funktioniert!dank dir! <br> <br>If not yet. Freut mich, dass ich helfen konnte!vielen Dank für das Tutorial. <br> <br>Benutze dazu den Text-Editor-Modus von WordPress.Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von YouTube.Damit werden die Videos responsive automatisch in voller Breite angezeigt. In addition, the behavior for the rel parameter is changing. Ev. auch einen Tipp wie ich den Namen und Icon des Uploaders (Profil) entferne? Das müsstest Du dann über phpMyAdmin machen, mir ist gerade kein Search & Replace Plugin für WP bekannt, das Regex unterstützt.Danke für die Idee, ich werde mal sehen, ob und wie ich das hinbekomme.weißt du ob es möglich ist, beim eigebettetem Video einen eigenen Play Button zu benutzen und nicht den automatischen von YouTube?danke für Dein Feedback! LG Martinaich hatte vorher als Übergangslösung einen customizable HTML5 Player eingebaut (plyr.js), jedoch hat mir der dann doch irgendwie nicht mehr zugesagt und ich habe mich entschlossen wieder YouTube Videos per IFrame einzubinden ;).Deine Anleitung hat super einfach und schnell funktioniert – danke dafür!Danke das ist echt hilfreich…geht morgen frueh oder heute Nacht on Vielen Dank für die detailierte Schritt-für-Schritt Anleitung. <br>The effect of the change is that you will not be able to disable related videos. Met CSS is een stuk makkelijker, dus dat is hoe we het gaan doen. Freut mich, dass ich Dir weiterhelfen konnte!Dann geht der Player auch auf großen Monitoren über die volle Breite/Höhe. However, you will have the option of specifying that the related videos shown in the player should be from the same channel as the video that was just played.Hi Martina, hat funktioniert, danke für die Anleitung.Gibt es die Möglichkeit, allen schon eingebetteten Videos per „Search and Replace“ o.ä. Do you ever try to make HTML5 or YouTube embed video fully responsive? Allerdings habe ich in der mobilen Version im Video jetzt schwarze Balken rechts und links und auf dem PC schwarze Balken oben und unten. Den Playbutton ändern kannst Du meines Wissens bei YouTube selber nicht direkt. <iframe> Video (YouTube, Vimeo, etc.) Hier findest du weitere Informationen zum In einem meiner letzten Artikel hatte ich ja beschrieben, welche Möglichkeiten Du hast, YouTube … Nach langem hin und her probieren bin ich auf deine Seite gestossen und konnte das „Problem“ endlich lösen. <br> <footer class="footer"> <div class="container-fluid"> <div class="block block--sm pb-0 block--light"> <div class="row"> <div class="col-lg-4"> <div class="footer--section"> <h5 class="heading">iframe responsive youtube</h5> <a href='http://webdec.it/site/acbda6-robot-en-lego-facile'>Robot En Lego Facile</a>, <a href='http://webdec.it/site/acbda6-convertir-dixieme-d%27heure-en-heure'>Convertir Dixieme D'heure En Heure</a>, <a href='http://webdec.it/site/acbda6-r%C3%A9sum%C3%A9-grave-film'>Résumé Grave Film</a>, <a href='http://webdec.it/site/acbda6-fil-d%27-ariane-71'>Fil D' Ariane 71</a>, <a href='http://webdec.it/site/acbda6-norme-gilet-de-sauvetage-2019'>Norme Gilet De Sauvetage 2019</a>, <a href='http://webdec.it/site/acbda6-clea-duvall-films-et-programmes-tv'>Clea Duvall Films Et Programmes Tv</a>, <a href='http://webdec.it/site/acbda6-grand-lyon-habitat'>Grand Lyon Habitat</a>, <a href='http://webdec.it/site/acbda6-Steins%3BGate-season-2'>Steins;Gate Season 2</a>, <a href='http://webdec.it/site/acbda6-M%C3%A9t%C3%A9o-Valloire-Skipass'>Météo Valloire Skipass</a>, <a href='http://webdec.it/site/acbda6-voix-aigu%C3%AB-femme'>Voix Aiguë Femme</a>, <a href='http://webdec.it/site/acbda6-Village-vacances-Les-Dunes3%2C9%2833%29%C3%80-0%2C4%C2%A0mi'>Village Vacances Les Dunes3,9(33)À 0,4 mi</a>, <a href='http://webdec.it/site/acbda6-randonn%C3%A9e-cirque-de-morgon'>Randonnée Cirque De Morgon</a>, <a href='http://webdec.it/site/acbda6-bombardement-de-br%C3%AAme'>Bombardement De Brême</a>, <a href='http://webdec.it/site/acbda6-parlement-du-canada-en-direct'>Parlement Du Canada En Direct</a>, <a href='http://webdec.it/site/acbda6-balise-ffvl-saint-hilaire-du-touvet'>Balise Ffvl Saint Hilaire Du Touvet</a>, <a href='http://webdec.it/site/acbda6-salade-de-riz-tha%C3%AF-poulet'>Salade De Riz Thaï Poulet</a>, <a href='http://webdec.it/site/acbda6-plugin-actualit%C3%A9-wordpress'>Plugin Actualité Wordpress</a>, <a href='http://webdec.it/site/acbda6-lac-de-cormoranche-ouvert'>Lac De Cormoranche Ouvert</a>, <a href='http://webdec.it/site/acbda6-pyjamasque-saison-3-%C3%A9pisode-4'>Pyjamasque Saison 3 épisode 4</a>, <a href='http://webdec.it/site/acbda6-capitole-finance-recrutement'>Capitole Finance Recrutement</a>, <a href='http://webdec.it/site/acbda6-H%C3%B4tel-des-Marquisats4%2C3%28187%29%C3%80-0%2C1%C2%A0km96%C2%A0%E2%82%AC'>Hôtel Des Marquisats4,3(187)À 0,1 km96 €</a>, <a href='http://webdec.it/site/acbda6-cause-premi%C3%A8re-codycross'>Cause Première Codycross</a>, <a href='http://webdec.it/site/acbda6-v%C3%A9zelay-melon-de-bourgogne'>Vézelay Melon De Bourgogne</a>, <a href='http://webdec.it/site/acbda6-science-grand-format-dvd'>Science Grand Format Dvd</a>, <a href='http://webdec.it/site/acbda6-carte-pizza-la-diligence-ensisheim'>Carte Pizza La Diligence Ensisheim</a>, <a href='http://webdec.it/site/acbda6-lac-paladru-prix'>Lac Paladru Prix</a>, <a href='http://webdec.it/site/acbda6-g%C3%AEtes-de-france-aix-les-bains'>Gîtes De France Aix-les-bains</a>, <a href='http://webdec.it/site/acbda6-piscine-h%C3%B4tel-beauregard-la-clusaz'>Piscine Hôtel Beauregard La Clusaz</a>, <a href='http://webdec.it/site/acbda6-immobilier-aix-les-bains-particulier'>Immobilier Aix-les-bains Particulier</a>, <a href='http://webdec.it/site/acbda6-titanic-actrice-rose'>Titanic Actrice Rose</a>, <a href='http://webdec.it/site/acbda6-code-html-facebook-page'>Code Html Facebook Page</a>, <a href='http://webdec.it/site/acbda6-nombre-de-starbucks-dans-le-monde-2019'>Nombre De Starbucks Dans Le Monde 2019</a>, <a href='http://webdec.it/site/acbda6-conqu%C3%AAtes-alexandre-le-grand'>Conquêtes Alexandre Le Grand</a>, <a href='http://webdec.it/site/acbda6-ou-manger-de-la-friture-%C3%A0-aix-les-bains'>Ou Manger De La Friture à Aix-les-bains</a>, <a href='http://webdec.it/site/acbda6-terrain-%C3%A0-vendre-bord-canal-du-midi'>Terrain à Vendre Bord Canal Du Midi</a>, <a href='http://webdec.it/site/acbda6-sp%C3%A9cialiste-injection-diesel'>Spécialiste Injection Diesel</a>, <a href='http://webdec.it/site/acbda6-forfait-haute-maurienne-vanoise'>Forfait Haute Maurienne Vanoise</a>, <a href='http://webdec.it/site/acbda6-m%C3%A9t%C3%A9o-auron-skipass'>Météo Auron Skipass</a>, <a href='http://webdec.it/site/acbda6-premier-martyr-anglais'>Premier Martyr Anglais</a>, <a href='http://webdec.it/site/acbda6-construction-maison-974'>Construction Maison 974</a>, <a href='http://webdec.it/site/acbda6-metz-lens-1998'>Metz Lens 1998</a>, <a href='http://webdec.it/site/acbda6-express-project-structure'>Express Project Structure</a>, <a href='http://webdec.it/site/acbda6-parc-de-jouvence-dijon'>Parc De Jouvence Dijon</a>, <a href='http://webdec.it/site/acbda6-dessin-ch%C3%A8vre-rigolote'>Dessin Chèvre Rigolote</a>, <a href='http://webdec.it/site/acbda6-lac-des-sapins-adresse-gps'>Lac Des Sapins Adresse Gps</a>, <a href='http://webdec.it/site/acbda6-quand-changer-injecteurs-diesel'>Quand Changer Injecteurs Diesel</a>, <a href='http://webdec.it/site/acbda6-le-k%27ozzie-menu'>Le K'ozzie Menu</a>, <a href='http://webdec.it/site/acbda6-menu-georges-blanc-2019'>Menu Georges Blanc 2019</a>, <a href='http://webdec.it/site/acbda6-lac-d%27aubusson-tarif-pedalo'>Lac D'aubusson Tarif Pedalo</a>, <a href='http://webdec.it/site/acbda6-berlin-hohenzollern-palace'>Berlin Hohenzollern Palace</a>, <a href='http://webdec.it/site/acbda6-fermeture-d%C3%A9finitive-station-ski'>Fermeture Définitive Station Ski</a>, <a href='http://webdec.it/site/acbda6-vente-appartement-centre-historique-chamb%C3%A9ry'>Vente Appartement Centre Historique Chambéry</a>, <a href='http://webdec.it/site/acbda6-t%C3%A9l%C3%A9charger-bible-thompson-pdf-gratuit'>Télécharger Bible Thompson Pdf Gratuit</a>, <a href='http://webdec.it/site/acbda6-Daniel-Tammet-conversion'>Daniel Tammet Conversion</a>, <a href='http://webdec.it/site/acbda6-salade-de-tortellini-italienne'>Salade De Tortellini Italienne</a>, <a href='http://webdec.it/site/acbda6-carte-p%C3%A9destre-ajoie'>Carte Pédestre Ajoie</a>, <a href='http://webdec.it/site/acbda6-vall%C3%A9e-de-la-sagne-lot'>Vallée De La Sagne Lot</a>, <a href='http://webdec.it/site/acbda6-le-trappeur-les-2-alpes-menu'>Le Trappeur Les 2 Alpes Menu</a>, <a href='http://webdec.it/site/acbda6-abbaye-de-boscodon-g%C3%AEte'>Abbaye De Boscodon Gîte</a>, <a href='http://webdec.it/site/acbda6-p%C3%A9n%C3%A9lope-mcquade-radio'>Pénélope Mcquade Radio</a>, <a href='http://webdec.it/site/acbda6-%C3%A9tang-de-rosiere-en-santerre'>étang De Rosiere En Santerre</a>, <a href='http://webdec.it/site/acbda6-carrefour-finance-espace-client'>Carrefour Finance Espace Client</a>, <a href='http://webdec.it/site/acbda6-le-monde-grec-au-5%C3%A8me-si%C3%A8cle-avant-jc'>Le Monde Grec Au 5ème Siècle Avant Jc</a>, <a href='http://webdec.it/site/acbda6-maison-%C3%A0-vendre-lauris---agence-catier'>Maison à Vendre Lauris - Agence Catier</a>, <a href='http://webdec.it/site/acbda6-croisi%C3%A8re-nour-el-nil'>Croisière Nour El Nil</a>, <a href='http://webdec.it/site/acbda6-h%C3%B4tel-le-refuge-gigaro'>Hôtel Le Refuge Gigaro</a>, <a href='http://webdec.it/site/acbda6-ambiance-et-style-recrutement'>Ambiance Et Style Recrutement</a>, <a href='http://webdec.it/site/acbda6-TCM-Cin%C3%A9ma-replay'>TCM Cinéma Replay</a>, <a href='http://webdec.it/site/acbda6-attrape-r%C3%AAve-g%C3%A9ant-noir'>Attrape Rêve Géant Noir</a>, <a href='http://webdec.it/site/acbda6-bugs-bunny-streaming-vf'>Bugs Bunny Streaming Vf</a>, <a href='http://webdec.it/site/acbda6-opac-de-l%27oise-meriel'>Opac De L'oise Meriel</a>, <a href='http://webdec.it/site/acbda6-one-shot-bd-2018'>One Shot Bd 2018</a>, <a href='http://webdec.it/site/acbda6-particulier-%C3%A0-particulier-appartement'>Particulier à Particulier Appartement</a>, <a href='http://webdec.it/site/acbda6-facebook-page-wordpress-plugin'>Facebook Page Wordpress Plugin</a>, <a href='http://webdec.it/site/acbda6-conseil-municipal-saint-bernard-01600'>Conseil Municipal Saint-bernard 01600</a>, <a href='http://webdec.it/site/acbda6-questionnaire-sur-la-peur'>Questionnaire Sur La Peur</a>, <a href='http://webdec.it/site/acbda6-domaine-du-fesquet-barbecue'>Domaine Du Fesquet Barbecue</a>, <a href='http://webdec.it/site/acbda6-casquette-trucker-jordan'>Casquette Trucker Jordan</a>, <a href='http://webdec.it/site/acbda6-synonyme-de-sans-int%C3%A9r%C3%AAt'>Synonyme De Sans Intérêt</a>, <a href='http://webdec.it/site/acbda6-lac-de-panneci%C3%A8re-p%C3%AAche-carpe-de-nuit'>Lac De Pannecière Pêche Carpe De Nuit</a>, <a href='http://webdec.it/site/acbda6-m%C3%A9t%C3%A9o-station-sybelles'>Météo Station Sybelles</a>, <a href='http://webdec.it/site/acbda6-piste-noire-les-2-alpes'>Piste Noire Les 2 Alpes</a>, </div> </div> <div class="col-lg-12 text-left mt-4 mb-lg-0"> <p class="faded small mt-3 mb-4">Copyright 2020 iframe responsive youtube</p> </div> </div> </div> </div> </footer> </div> </body> </html>