Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen gezeigt.

Link zu der Vergleichsansicht

Beide Seiten, vorherige Überarbeitung Vorherige Überarbeitung
region [2018/09/25 22:30]
admin
region [2018/09/25 22:31] (aktuell)
admin
Zeile 7: Zeile 7:
  
 <iframe width="​560"​ height="​315"​ src="​https://​www.youtube.com/​embed/​gOOgKDVCM30?​rel=0"​ frameborder="​0"​ allow="​autoplay;​ encrypted-media"​ allowfullscreen></​iframe>​ <iframe width="​560"​ height="​315"​ src="​https://​www.youtube.com/​embed/​gOOgKDVCM30?​rel=0"​ frameborder="​0"​ allow="​autoplay;​ encrypted-media"​ allowfullscreen></​iframe>​
- 
-<script src="​https://​ajax.googleapis.com/​ajax/​libs/​jquery/​1.6.2/​jquery.min.js"></​script>​ 
-<​script>​ 
-// Find all YouTube videos 
-var $allVideos = $("​iframe[src^='//​www.youtube.com'​]"​),​ 
- 
-    // The element that is fluid width 
-    $fluidEl = $("​body"​);​ 
- 
-// Figure out and save aspect ratio for each video 
-$allVideos.each(function() { 
- 
-  $(this) 
-    .data('​aspectRatio',​ this.height / this.width) 
- 
-    // and remove the hard coded width/​height 
-    .removeAttr('​height'​) 
-    .removeAttr('​width'​);​ 
- 
-}); 
- 
-// When the window is resized 
-$(window).resize(function() { 
- 
-  var newWidth = $fluidEl.width();​ 
- 
-  // Resize all videos according to their own aspect ratio 
-  $allVideos.each(function() { 
- 
-    var $el = $(this); 
-    $el 
-      .width(newWidth) 
-      .height(newWidth * $el.data('​aspectRatio'​));​ 
- 
-  }); 
- 
-// Kick off one resize to fix all videos on page load 
-}).resize();​ 
-</​script>​ 
 </​html>​ </​html>​