2016-08-19 2 views
0

I Legierung ui Video abspielen möchten wiederholt werden, sobald es unten zu beenden, ist mein der Code jede HilfeWie Legierung ui Video spielen ständig wiederholt/

<div id="myVideo"></div> 
<script> 
AUI().use(
'aui-video', 
function(A) { 
var video = new A.Video(
    { 
     boundingBox: '#myVideo', 
     fixedAttributes: { 
     allowfullscreen: 'true' 
    }, 
    ogvUrl: 'http://videos.liferay.com/lifecasts/portal/6.0/106.ogv', 
    swfUrl: 'http://videos.liferay.com/common/player.swf', 
    poster: '/documents/10184/22494/home1.jpg', 
    url: '/documents/10184/21495/ACC+Drive+7-28_h264_2.mp4', 
    } 
).render(); 
video.play(); 
}); 

Antwort

0

Da Ihre tatsächlichen geschätzt wird video Element ist in das div mit ID myVideo eingewickelt. Alles, was Sie tun müssen, ist das video Element zu bekommen und einen Listener hinzuzufügen. Mozilla hat eine wirklich gute documentation auf Media-Ereignisse und die, die Sie suchen sind, ist

beendet: Wird gesendet, wenn die Wiedergabe abgeschlossen ist.

So müssen Sie das video Element finden im Inneren, dass div kann eine querySelector oder andere Bibliotheksfunktion, wenn Sie JQuery verwenden werden.

Sobald Sie das video Element haben, fügen Sie einfach einen Listener hinzu. (videoElement Unter der Annahme, ist der DOM-Knoten Sie gefunden.

videoElement.addEventListener("ended", function() { 
    //Replay your video here 
}, true); 

Hoffe, es hilft.

0

Sie können einfach das loop Element zu Ihrem HTML-Code als loop="true" oder loop="loop" hinzufügen. Wenn Sie es in JQuery tun wollen Sie können den Code als $(".myVideo").attr('loop','loop');

schreiben