Rendere responsive un player che ha dimensioni fisse

spawn2001ita

Nuovo Utente
12 Dic 2015
5
0
0
Ciao a tutti, ho il codice di un player che ha proporzioni di 640x360 ma vorrei che di adattasse alla larghezza della finestra così che su mobile non venga tagliato.

Questa è una parte del codice, quella che contiene anche la dimensione:

<video id=example-video class="video-js vjs-default-skin" controls preload="none" width="640" height="360" poster="" controls preload="none" autoplay=true>
<source src="" type="rtmp/mp4"/>
<source src="inserisci l'url" type="application/x-mpegURL"/>
</video>

Come posso fare per renderlo responsive?

Grazie se potete aiutarmi
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.402
338
83
Prova ad usare le misure in %
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.402
338
83
C'è degli errori nel tuo codice

Codice:
<video id="example-video" class="video-js vjs-default-skin" controls preload="none" width="100%" height="100%" poster="" autoplay="true">
<source src="myvideo.mp4" type="rtmp/mp4"/>
<source src="inserisci l'url" type="application/x-mpegURL"/>
</video>



.
 
Discussioni simili
Autore Titolo Forum Risposte Data
P Aiuto per rendere un Bot Telegram Privato PHP 1
G Rendere dati di una tabella mysql link PHP 22
S [PHP] Rendere visibile variabile di un costrutto if in un altro costrutto if PHP 1
Domenico_Falco1 Rendere dinamico un sito web con chiamate ajax e php e variabili json PHP 12
S rendere mio sito mobile compatibile Offerte e Richieste di Lavoro e/o Collaborazione 2
axem [PHP]rendere cliccabile contenuto PHP 10
R [Javascript] Rendere una funzione sempre visibile Javascript 2
T [PHP] rendere facoltativo il caricamento di un file PHP 5
G [Javascript] rendere visibile un iframe dopo l'avvenuto caricamento del video che esso contiene Javascript 4
S [Javascript] Nascondere e rendere visibile un Div cliccando su due link Javascript 2
ecosito [HTML ][PHP] rendere attivo il modulo contatti di un template HTML e CSS 9
M Come rendere solo lettura campo textarea PHP 2
Shyson Rendere select obbligatoria Javascript 1
T Rendere inaccessibile il forum agli utenti non registrati phpBB 4
steak Tumblr - Rendere cliccabili tutte le immagini HTML e CSS 4
Z Rendere visibile un pulsante HTML e CSS 1
G rendere visibile con php cartella public aruba Hosting 2
simonetta619 creare una classe per rendere dinamico l'inserimento PHP 0
G [VENDO] Servizi Pubblicitari Per Youtube (Per Rendere Conosciuto Vostro Video/Canale) Vendere e Acquistare pubblicita' online 0
G [VENDO] Servizi Pubblicitari Per Youtube (Per Rendere Conosciuto Vostro Video/Canale) Annunci servizi di Social Media Marketing 0
G [VENDO] Servizi Pubblicitari Per Youtube (Per Rendere Conosciuto Vostro Video/Canale) Annunci servizi di Social Media Marketing 0
M rendere attivo un oggetto CSS tramite javascript Javascript 3
E rendere il codice più funzionale PHP 5
Frank10 Script o qualsiasi cosa per rendere autonomo chi vuole modificare contenuti PHP 3
D Come posso rendere obbligatorio un drop down menu? Javascript 12
Athene Rendere visibile un errore in una pagina di login in due modi differenti PHP 8
M [htaccess] Rendere accessibile solo la pagina riscritta Web Server 0
asevenx rendere visibili e nascondere DIV con onlink Javascript 12
S Rendere sito visibile solo in Italia Hosting 0
M Consigli su come rendere fluido questo template HTML e CSS 0
P HTML - rendere cliccabile parte del testo HTML e CSS 2
Z [AS3] Rendere attivo pulsante dentro animazione di altro pulsante Flash 0
H Rendere cliccabile l'header HTML e CSS 10
X rendere visibile ad un determinato id PHP 2
C [JAVA]Come rendere opzionale un parametro di un costruttore? Java 3
M rendere menu "sopra al testo" Flash 1
f.quintaliani rendere un tratto irregolare come se fosse fatto a mano Webdesign e Grafica 6
S rendere campi form obbligatori Javascript 1
G Come posso rendere invisibili cartelle e file sul web PHP 0
C php, rendere cliccabile un link PHP 0
peppoweb Manuale on-line da Microsoft per rendere sicuri i server Windows e Software 0
A Progetto Sito web responsive HTML e CSS 2
F [PHP] [HTML] Tabella cambia pagina responsive PHP 8
P [OFFRO] Realizzazione siti web in PHP/MYSQL, responsive e Ottimizzati SEO Offerte e Richieste di Lavoro e/o Collaborazione 0
R Bootstrap 4 - creare una finestra di testo responsive sopra un Carousel jQuery 1
M [HTML] Tool per tabelle complesse responsive HTML e CSS 0
C [ OFFRO ] Realizzazione Sito Web Responsive design e Ottimizzato Offerte e Richieste di Lavoro e/o Collaborazione 1
A [WordPress] Elementor responsive layout WordPress 8
M [HTML] Responsive design HTML e CSS 0
M [WordPress] Header responsive WordPress 5

Discussioni simili