Właśnie rozwiązałem ten problem dla strony internetowej, nad którą pracowałem.
Mam osadzone elementy iframe z filmami na youtube i one, irytująco, automatycznie odtwarzane w niskiej rozdzielczości, mimo że chcę je automatycznie odtwarzać w rozdzielczości 720p. Ten problem jest spowodowany faktycznym rozmiarem wideo na Twojej stronie wykrywanym przez YouTube, który spowoduje automatyczną selekcję niższej rozdzielczości.
Oto co zrobiłem, aby zachować mój film osadzić małe, ale mają to Auto Play na 720p itp -?
- musisz dodać VQ = hd720 pod koniec swojego identyfikatora wideo, jak to zrobić .
- Ręcznie ustaw szerokość elementu iframe na width = "1280" height = "720" - co spowoduje, że wideo będzie olbrzymie w Twojej witrynie.
- Zawiń element iframe w div i nadaj mu selektor klasy, aby można było go zaznaczyć stylem css.
- Użyj CSS, aby powiedzieć, że twoje opakowanie div ma taki rozmiar, jak faktycznie chcesz, aby film był.
- Użyj CSS, aby ustawić szerokość ramki iframe: 100% i wysokość: 100%.
Ten kod w zasadzie ustali rozmiar wideo na rozdzielczość, na którą ma być automatycznie uruchamiany, co skłoni YouTube do ustawienia tego dla Ciebie. Następnie CSS dynamicznie dopasowuje rozmiar wideo do rzeczywistego rozmiaru.
i to wszystko na ten temat :)
przykładowy kod:
HTML
<div class="youtube-embed">
<iframe width="1280" height="720" src="https://www.youtube.com/embed/VIDEOID?vq=hd720" frameborder="0" allowfullscreen></iframe>
</div>
CSS
.youtube-embed {
width : 740px;
height : 400px;
}
.youtube-embed iframe {
width : 100%;
height : 100%;
}
https://www.youtube .com/embed/3nmnMtbzzjE? vq = hd1080 Jeśli spróbujesz tego, zacznie się w hd zaraz po naciśnięciu przycisku odtwarzania. W każdym razie, sprawdź również to pytanie: http://stackoverflow.com/questions/20868257/youtube-link-to-display-hd-video-by-default – Nick
Nie! kiedy grałem, było w rozdzielczości 480p :( – Pramod
Przepraszamy, ten utwór jest przeznaczony do odtwarzania.Jeśli musisz osadzić, spróbuj tego "& ap =% 2526fmt% 3D18" i "& ap =% 2526fmt% 3D22" na URL do umieszczenia. Sprawdź tę stronę: http://www.makeuseof.com/tag/10-youtube-url-tricks-you-should-know-about/ – Nick