wake-up-neo.com

Wie erstelle ich ein in YouTube eingebettetes Video mit einer Seitenbreite?

Hier ist die Geige zum Code: http://jsfiddle.net/dLPa8/

Wenn Sie nach unten scrollen, wird ein Video von YouTube eingebettet. Was ich brauche, sollte die volle Seitenhöhe und -breite abdecken. Ich meine, es sollte ein bisschen wie der erste Abschnitt (in der Geige) aussehen. 

Ich habe das versucht:

<iframe src="http://www.youraddress.com" frameborder="0" style="overflow:hidden;overflow-x:hidden;overflow-y:hidden;height:100%;width:100%;position:absolute;top:0px;left:0px;right:0px;bottom:0px" height="100%" width="100%"></iframe>

Das Problem wurde bis zu einem gewissen Grad gelöst, aber das Video hängt mit der oben genannten iframe oben auf der Seite. Wie kann ich die Höhe des Videosegments auf die volle Seitenhöhe einstellen?

13
Ranveer

Hier ist eine GEIGE

<iframe id="video" src="//www.youtube.com/embed/5iiPC-VGFLU" frameborder="0" allowfullscreen></iframe>


$(function(){
  $('#video').css({ width: $(window).innerWidth() + 'px', height: $(window).innerHeight() + 'px' });

  // If you want to keep full screen on window resize
  $(window).resize(function(){
    $('#video').css({ width: $(window).innerWidth() + 'px', height: $(window).innerHeight() + 'px' });
  });
});
27
mdesdev

Versuchen Sie es mit innerHeight oder .clientHeight:

var doc = document, bod = doc.body, dE = doc.documentElement;
var wh = innerHeight || dE.clientHeight || bod.clientHeight;

var wh enthält jetzt die Fensterhöhe ohne Bildlaufleiste.

0
PHPglue