Back to top

rss feed
« precedente successivo »
Pagine: [1]   Vai giù

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

Offline Marco Zarpellon

  • Esploratore
  • **
  • Post: 184
  • 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 »
Connesso

Offline marine

  • Team Joomla.it
  • Instancabile
  • *******
  • Post: 6314
  • 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?
Connesso

Offline Limma

  • Abituale
  • ****
  • Post: 1209
  • 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
Connesso

Offline Marco Zarpellon

  • Esploratore
  • **
  • Post: 184
  • 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)
 
 
Connesso

Offline Limma

  • Abituale
  • ****
  • Post: 1209
  • Sesso: Maschio
    • Mostra profilo
Re:Problema in html 5 riavolgere video
« Risposta #4 il: 05 Nov 2018, 18:15:18 »
Citazione da: Marco Zarpellon - 05 Nov 2018, 11:53:35
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.
Connesso

Offline Marco Zarpellon

  • Esploratore
  • **
  • Post: 184
  • 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
Connesso

Offline danielecr

  • Abituale
  • ****
  • Post: 1357
    • 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
Connesso

Offline Marco Zarpellon

  • Esploratore
  • **
  • Post: 184
  • 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è???
Connesso

Offline Marco Zarpellon

  • Esploratore
  • **
  • Post: 184
  • 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>
Connesso

Offline Marco Zarpellon

  • Esploratore
  • **
  • Post: 184
  • 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>
Connesso

Offline Marco Zarpellon

  • Esploratore
  • **
  • Post: 184
  • 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>
Connesso
Pagine: [1]   Vai su
« precedente successivo »
 



Web Design Bolzano Kreatif


Copyleft: Tutto il materiale pubblicato o comunque presente all'interno del sito www.joomla.it
può essere utilizzato, diffuso e modificato liberamente.
Hosting fornito gratuitamente da Joomlahost.it
Disegno web da kreatif multimedia srl