Back to top

Autore Topic: Problema visualizzazione video su mobile  (Letto 1387 volte)

Offline Arakide

  • Nuovo arrivato
  • *
  • Post: 28
    • Mostra profilo
Problema visualizzazione video su mobile
« il: 22 Nov 2017, 15:29:50 »
Ciao a tutti,
ho creato un modulo personalizzato e al suo interno ho inserito un codice tipo questo:

<div id="video">
<object> <video autoplay="autoplay" loop="loop" width="100%"> <source src="images/Video/video.mp4" /> </video> </object>
</div>

su pc nessun problema mentre su mobile viene visualizzato solo il riquadro nero del div ma niente video.
Qualcuno sa dirmi come risolvere?

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:Problema visualizzazione video su mobile
« Risposta #1 il: 22 Nov 2017, 17:24:35 »
devi usare una formattazione html5
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline Arakide

  • Nuovo arrivato
  • *
  • Post: 28
    • Mostra profilo
Re:Problema visualizzazione video su mobile
« Risposta #2 il: 23 Nov 2017, 11:02:04 »
Mi puoi fare un esempio?

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:Problema visualizzazione video su mobile
« Risposta #3 il: 23 Nov 2017, 14:27:48 »
prova a cercarlo con google, "inserire video html5"
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline Arakide

  • Nuovo arrivato
  • *
  • Post: 28
    • Mostra profilo
Re:Problema visualizzazione video su mobile
« Risposta #4 il: 24 Nov 2017, 12:20:13 »
Grazie giusebos, ho fatto una ricerca come suggerito e ho trovato questo codice:

  <video width="580" height="240" autoplay="autoplay" preload="(none,auto,metadata)" poster="Tua immagine.jpg" controls="controls" loop="loop">
    <source src="../video-html5/oceans.mp4" type="video/mp4" />
  </video> 

l'ho modificato secondo le mie esigenze:

<div id="video">
    <video width="100%" autoplay="autoplay" preload="auto" controls="controls" loop="loop">
    <source src="images/Video/video.mp4" type="video/mp4" />
    </video>
</div>

In pratica ho capito che senza l'attributo "controls", su mobile viene visualizzato il riquadro nero del video in attesa di play... che senza controls non è possibile fare... arrivo alla conclusione che l'attributo autoplay probabilmente su mobile non funziona.

Io però vorrei che il video partisse da solo e che il controls non fosse visualizzato, è possibile?

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:Problema visualizzazione video su mobile
« Risposta #5 il: 24 Nov 2017, 13:15:58 »
Codice: [Seleziona]
<video width="320" height="240" controls autoplay>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

poi dipende dal browser, alcuni bloccano il video
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline Arakide

  • Nuovo arrivato
  • *
  • Post: 28
    • Mostra profilo
Re:Problema visualizzazione video su mobile
« Risposta #6 il: 24 Nov 2017, 14:25:41 »
Io però vorrei che il video partisse da solo e che il controls non fosse visualizzato, è possibile?


Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:Problema visualizzazione video su mobile
« Risposta #7 il: 24 Nov 2017, 14:28:49 »
ti ho risposto
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline Arakide

  • Nuovo arrivato
  • *
  • Post: 28
    • Mostra profilo
Re:Problema visualizzazione video su mobile
« Risposta #8 il: 24 Nov 2017, 15:00:06 »
 ;D ;D ;D è che vedendo che nel tuo esempio compare comunque l'attributo controls pensavo non avessi capito bene le mie necessità. Scusa, grazie comunque.

 



Web Design Bolzano Kreatif