Video youtube Responsive
Author: Eros C.
Visited 948,
Followers 1,
Shared 0
Ciao a tutti. Ho creato una pagina di benvenuto dove ho inserito un video di youtube.
Non riesco però a renderlo adattabile per pc/tablet/smartphone. Qualcuno mi può aiutare?
Grazie in anticipo.
Ho usato il seguente codice HTML ma senza successo
Ho necessità che l'eventuale codice sia in Html se si può
<div class="video-container">
<iframe width="853" height="480" src="https://www.youtube.com/video" frameborder="0" allowfullscreen></iframe>
</div>
Posted on the
Ciao non so se ti può essere utile, tempo fà avevo fatto un test, trovi tutto a questo link:
https://www.giancarloweb.it/template/test-video/
se invece vuoi rimanere su youtube con l'oggetto galleria dedicato a me risulta responsive basta inserire solo il link al video.
... considera che la v.17 è scaduta di assistenza...
... avresti fatto meglio a postare il LINK della tua INTRO per poter valutare...
... poi bisognerebbe capire cosa si intende per "adattabile" e "responsive"; ...non tutti hanno le ideee chiare...
>1) ... c'è il full screen in CSS COVER (responsive) nello stile delle righe, o in EXTRA, da preferire in caso di video a tutto schermo;
>2) ... c'è il ridimensionamento razionale, semplice;
... in ogni caso è sconsigliato un video YT (e video in genere) nella INTRO, specialmente se questa è temporizzata per il redirect sulla HOME...(da preferire immagine o leggera GifAnim)...
... per il .1) ...(!) ...se sei esperto e pratico di codici EXTRA, tralasciando le mie invenzioni, per YT non c'è di meglio di TUBULAR che ho consigliato centinaia di volte...
... per il .2) .. puoi verificare provando direttamente con un Copia/Incolla questo mio semplice codice, sempre di mia concezione, con un mio videoYT (in autoplay, che potrebbe non funzionare per i noti motivi che già conosci!):
<iframe width="100%" height="480" src="https://www.youtube.com/embed/-JVY68NFZxU?rel=0&autoplay=1" frameborder="0" allowfullscreen style="position:absolute;height:100%"></iframe>
... ... ... nel caso ti servissero chiarimenti, ricordati di postare il tuo LINK...
... EDIT quote...
.