Autore Topic: [risolto]Problema in html 5 riavolgere video  (Letto 270 volte)

Offline Marco Zarpellon

  • Esploratore
  • **
  • Post: 134
  • Sesso: Maschio
    • Mostra profilo
[risolto]Problema in html 5 riavolgere video
« il: 05 Nov 2018, 11:53:35 »
so già che questo problema non centra molto con joomla ma vi chiedo una mano se siete così gentili in html 5 quando metto un video e arrivo alla fine è possibile farlo ripartire dall'inizio e non che mi resti fermo alla schermata nera finale ??? ??se qualcuno mi da una mano ringrazio
« Ultima modifica: 06 Nov 2018, 08:49:40 da Marco Zarpellon »

Offline marine

  • Team Joomla.it
  • Instancabile
  • *******
  • Post: 4564
  • Sesso: Maschio
    • Mostra profilo
Re:Problema in html 5 riavolgere video
« Risposta #1 il: 05 Nov 2018, 11:59:06 »
se già sai che non centra con joomla perchè lo hai postato in joomla 3 e non nella categoria apposita?

Offline Limma

  • Abituale
  • ****
  • Post: 950
  • Sesso: Maschio
    • Mostra profilo
Re:Problema in html 5 riavolgere video
« Risposta #2 il: 05 Nov 2018, 12:06:07 »
Loop? Intendi questo? Credo si sia parlato di questo recentissimamente (leggi tutto il thread):
http://forum.joomla.it/index.php/topic,269608.0.html


Offline Marco Zarpellon

  • Esploratore
  • **
  • Post: 134
  • Sesso: Maschio
    • Mostra profilo
Re:Problema in html 5 riavolgere video
« Risposta #3 il: 05 Nov 2018, 12:24:30 »
 non ho trovato la categoria altrimenti lo mettevo loop parte di nuovo quando arriva alla fine io vorrei che invece si riavvolga ma non riparta in modo che nn si veda alla fine la schermata nera tipo la proprietà poster ma alla fine del video
Grazie
PS: se mi indichi la categoria grazie gentilissimo (una volta vedevo la categoria non solo joomla)
 
 

Offline Limma

  • Abituale
  • ****
  • Post: 950
  • Sesso: Maschio
    • Mostra profilo
Re:Problema in html 5 riavolgere video
« Risposta #4 il: 05 Nov 2018, 18:15:18 »
in html 5 quando metto un video e arrivo alla fine è possibile farlo ripartire dall'inizio e non che mi resti fermo alla schermata nera finale??
La frase quotata in rosso è quella che mi ha depistato in quanto, a una prima lettura, sembra che tu voglia farlo ripartire dall'inizio (ripartire dall'inizio per me = loop).
Che io sappia l'attributo "poster" via HTML5 si può impostare solo per l'inizio del video; per impostarlo alla fine del filmato credo sia necessario utilizzare del codice javascript.
Qui trovi una discussione in merito sul solito sito stackoverflow.

Offline Marco Zarpellon

  • Esploratore
  • **
  • Post: 134
  • Sesso: Maschio
    • Mostra profilo
Re:Problema in html 5 riavolgere video
« Risposta #5 il: 05 Nov 2018, 19:52:45 »
grazie gentilissimo dopo guardo intanto grazie ciao marco

Offline danielecr

  • Abituale
  • ****
  • Post: 1009
    • Mostra profilo
Re:Problema in html 5 riavolgere video
« Risposta #6 il: 05 Nov 2018, 20:03:18 »
Sempre nel link indicato dal buon Limma, non escluderei questa soluzione, sempre che tu possa modificare il video:

solved by adding 1 extra frame (poster) at the end of the video itself, because website didnt support inserting of javascripts

Facile e veloce

Offline Marco Zarpellon

  • Esploratore
  • **
  • Post: 134
  • Sesso: Maschio
    • Mostra profilo
Re:Problema in html 5 riavolgere video
« Risposta #7 il: 05 Nov 2018, 23:17:27 »
<script>
var video = document.querySelector('video');
video.addEventListener('ended', function() {
  video.load();
  $('video')[0].autoplay=false
  $('video')[0].load()
});
</script>

<html lang="en" dir="ltr">
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <video controls="controls" poster="icn_tutorial/thumbnail_1.jpg" style="width:800px;">
            <source src="/icn_tutorial/venditore_livello_base_1_apertura_trattativa.mp4" type="video/mp4">




            </video>
    </body>
</html>
video.addEventListener('ended', function() { --->mi da errore in questa riga perchè???

Offline Marco Zarpellon

  • Esploratore
  • **
  • Post: 134
  • Sesso: Maschio
    • Mostra profilo
Re:Problema in html 5 riavolgere video
« Risposta #8 il: 06 Nov 2018, 00:37:58 »
così nn mi da nessun errore ma nn funziona

<!DOCTYPE html>
<script type="text/javascript">
function play()
    {
    video.play();

    $(document).ready(function(){
         $("video").bind("ended", function() {
        $('video').attr('src', 'video.src');
            });
         });
     }
</script>

<html lang="en" dir="ltr">
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <video controls="controls" poster="icn_tutorial/thumbnail_1.jpg" style="width:800px;">
            <source src="icn_tutorial/venditore_livello_base_1_apertura_trattativa.mp4" type="video/mp4">




            </video>
    </body>
</html>

Offline Marco Zarpellon

  • Esploratore
  • **
  • Post: 134
  • Sesso: Maschio
    • Mostra profilo
Re:Problema in html 5 riavolgere video
« Risposta #9 il: 06 Nov 2018, 08:47:58 »
ciao ragazzi ho risolto grazie a tutti
Codice: [Seleziona]
<script type="text/javascript">
  function videoEnded(video) {
    video.load();
  };
</script>
<video  controls="controls" poster="icn_tutorial/thumbnail_1.jpg"  onended="videoEnded(this)" style="width:800px;">
            <source src="icn_tutorial/venditore_livello_base_1_apertura_trattativa.mp4" type="video/mp4">
            </video>

Offline Marco Zarpellon

  • Esploratore
  • **
  • Post: 134
  • Sesso: Maschio
    • Mostra profilo
Re:[risolto]Problema in html 5 riavolgere video
« Risposta #10 il: 06 Nov 2018, 09:23:54 »
ciao una piccola modifica per il fullscreen
Codice: [Seleziona]
<video  controls="controls" poster="icn_tutorial/thumbnail_1.jpg"  onended="videoEnded(this)" style="width:800px;" allowfullscreen=""src="icn_tutorial/venditore_livello_base_1_apertura_trattativa.mp4">
            <source src="icn_tutorial/venditore_livello_base_1_apertura_trattativa.mp4" type="video/mp4">
            </video>

 

Torna su