如何连续/重复播放合金ui视频

时间:2016-08-19 06:09:23

标签: javascript jquery alloy-ui

我想播放合金ui视频一旦完成重复,下面是我的代码,任何帮助将不胜感激

<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();
});

2 个答案:

答案 0 :(得分:0)

由于您的实际video元素已包含在标识为div的{​​{1}}内。您需要做的就是获取myVideo元素并为其添加一个监听器。 Mozilla在Media事件上有一个非常好的documentation,而你正在寻找的是

  

结束:播放完成后发送。

因此,如果您使用的是JQuery,则需要找到video内部video可能正在使用querySelector或任何其他库函数的元素。

获得div元素后,只需添加一个侦听器即可。 (假设video是您找到的DOM节点。

videoElement

希望它有所帮助。

答案 1 :(得分:0)

您只需将loop元素添加到HTML代码loop="true"loop="loop"即可。 如果你想在JQuery中这样做,你可以编写代码 $(".myVideo").attr('loop','loop');