我想让视觉效果一次播放同一视频多次,但要稍加延迟才能解决。第一个视频将在播放开始时播放,其余视频将以级联方式播放,每个播放都有1000个延迟,因此最后一个视频将播放克隆的视频数量x1000。
但是我无法延迟每个克隆的播放。只需暂停或同时播放所有这些。我想念什么?
<body>
<div class="masonry-css" id="gridVideos">
</div>
<script type="text/javascript">
var cloneCount = 1;
var count = 0;
$.fn.multiply = function (numCopies) {
var newElements = this.clone(true, true);
for (var i = 1; i < numCopies; i++) {
count++;
newElements = newElements.add(this.clone(true, true)
.attr('id', 'Videos' + cloneCount++)
.insertAfter($('[id^="gridVideos"]:last'))
);
}
return newElements;
};
var repeVideos = $('<video/>', {
'id': 'myVideo',
'class': 'masonry-css-videos',
'width': '320',
'muted': 'true',
'loop': 'true',
'src': 'videos/AVIDEAlow.webm',
'type': 'video/webm',
});
var repetimos = $('<div/>', {
'id': 'Videos0',
'class': 'masonry-css-item',
});
var todoDivsVideo = repetimos.append(repeVideos);
$('#gridVideos').append(todoDivsVideo.multiply(9));
$('video').trigger('pause');
$('[id^="Videos"]').find('video').each(function(){
setTimeout(function(){$('video').trigger('play');
});
});