1. 程式人生 > >HTML5:Animate cc互動之視訊自動播放跳轉下一幀

HTML5:Animate cc互動之視訊自動播放跳轉下一幀

1.實現功能

一個視訊在播放,播放結束後,才能跳轉下一幀,播放第2個視訊,並跳到第3幀

是沒有按鈕的!

2.步驟:

a.第一幀

	this.frame_4 = function() {
		S = this;
		S.stop();
		S.video1.on("added", function() {
			var md = $("#video1")[0];
			md.addEventListener("ended",function(){
		 	 S.gotoAndStop(5);
		  })
		});
	}

b.第二幀

	this.frame_5 = function() {
		S.stop();
		S.video2.on("added", function() {//added視訊播放結束後發生的事件
			var mdtwo = $("#video2")[0];//獲取到當前舞臺上的視訊
			mdtwo.addEventListener("ended",function(){
		  		S.gotoAndStop(6);
		  })
		});
	}