Wpis z mikrobloga

@adiqq: Jak możesz, to popraw wysokość z 425px do 480px, ponieważ taka jest właściwa dla standardu YT (tzw. większy player - 854x480, inaczej całość, skaluje się nieciekawie). Szerokość playera na wypoku, skaluje się w zakresie od 267px, do 927px na fullscreenie, więc wysokość, można policzyć dynamicznie wg. proporcji.

Niecierpliwi wystarczy, że podmienią linijkę 75, z:

player.style.height = "425px";

na:

player.style.height = "480px";
@adiqq: Łap skorygowaną funkcję "getRegularPlayer", poprawiłem ją tak, że dynamicznie dostosowuje aspect ratio, podczas skalowania okna przeglądarki:

function getRegularPlayer(vid) {

var args = "?rel=0";

if(window.location.pathname.substring(0, 5) != "/link" || window.firstVideoStopped) {
args += '&autoplay=1';
} else {
window.firstVideoStopped = true;
}

var ratio_wrapper = document.createElement("div");

ratio_wrapper.style.width = "100%";
ratio_wrapper.style.height = "0";
ratio_wrapper.style.paddingBottom = "56.25%";
ratio_wrapper.style.position = "relative";

var player = document.createElement("iframe");
player.setAttribute("src", "[https://www.youtube.com/embed/"+](https://www.youtube.com/embed/"+) vid + "?" + args);
player.setAttribute("allowfullscreen", "");
player.setAttribute("frameborder",
@adiqq: Tak, poprawiłeś, jednak zastosowałeś rozwiązanie, które nie pozwoli na dynamiczne skalowanie w trakcie resize'u okna przeglądarki. Skrypt, który napisałeś, wykona się tylko podczas przeładowania strony, zastosowany przeze mnie trik z CSS załatwia sprawę zgodnie z oczekiwaniami, tzn. gdy zmienisz wielkość okna przeglądarki, player również zmieni rozmiar, zachowując swój aspect ratio. Poniżej jeszcze wrzucam tabelkę, jakby ktoś chciał ustawić indywidualnie aspect ratio:

asp. ratio | padding-bottom value
----|----------------------
16:9| 56.25%
4:3