这第一个是为多部影片,让被点击相关缩略图时,它消失它我该如何结合这两种视频功能?
$(window).load(function(){
$('li', '.thumbs').on('click', function() {
var numb = $(this).index(),
videos = ['images/intro01.m4v', 'images/clip2.mp4', 'images/intro01.m4v', 'images/clip2.mp4', 'images/intro01.m4v', 'images/clip2.mp4'],
myVideo = document.getElementById('myVid');
$(myVideo).animate({
opacity: 0
}, 500, function() {
myVideo.src = videos[numb];
myVideo.load();
myVideo.play();
$(myVideo).animate({
opacity: 1
}, 500);
});
});
});//]]>
,这第二个是进行视频播放的onClick为iPad
function playVideo1() {
var myVideo = document.getElementsByTagName('video')[0];
myVideo.src = 'images/01.m4v'
myVideo.load();
myVideo.play();
myVideo.easeIn();
}
第一个不是单独完成这项工作,第二个也不会褪色。我真正需要的是第二个play()
,但我不知道如何做到这一点,而不会干扰其他。谁能帮我?这将不胜感激。
甜!乐意效劳! –