Ho appena risolto questo problema per un sito web su cui stavo lavorando.
Ho incorporato iframe con video di youtube in essi e, fastosamente, si sono riprodotti automaticamente a bassa risoluzione nonostante volessi che si riproducessero automaticamente a 720p. Questo problema è causato dalla dimensione effettiva del video, sulla tua pagina, rilevata da YouTube che attiverà una selezione automatica di una risoluzione più bassa.
Ecco quello che ho fatto per mantenere il mio video incorporare piccola, ma averlo riproduzione automatica su 720p, ecc -?
- È necessario aggiungere VQ = HD720 alla fine del video id, come hai fatto .
- Imposta manualmente la larghezza dell'iframe su width = "1280" height = "720" - che renderà il video enorme sul tuo sito.
- Avvolgi l'iframe in un div e assegnagli un selettore di classe in modo da poterlo ridimensionare con css.
- Usa il CSS per dire al tuo wrapper div di essere la dimensione che vuoi realmente che il video sia.
- Usa CSS per impostare la larghezza dell'iframe: 100% e altezza: 100%.
Questo codice imposterà fondamentalmente la dimensione del video in modo che sia quella della risoluzione sulla quale si desidera eseguire automaticamente la riproduzione, il che ingannerebbe YouTube a impostarlo per voi. Quindi il CSS ridimensiona dinamicamente il video in modo che corrisponda alle dimensioni effettive necessarie.
E questo è tutto ciò che ad esso :)
ESEMPIO DI CODICE:
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 Se provi questo, si avvia in hd subito dopo aver premuto play. E comunque, controlla anche questa domanda: http://stackoverflow.com/questions/20868257/youtube-link-to-display-hd-video-by-default – Nick
No !! quando ho giocato era in 480p :( – Pramod
Spiacente, quello è per la riproduzione.Se hai bisogno di incorporare prova questo "& ap =% 2526fmt% 3D18" e "& ap =% 2526fmt% 3D22" all'URL di incorporamento. Controlla questa pagina: http://www.makeuseof.com/tag/10-youtube-url-tricks-you-should-know-about/ – Nick