空投在我怀里的博客

对技术的一些总结、分享等

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

阅读更多
个人分类: HTML5与Animate cc交互
上一篇HTML5:Animate cc交互功能之全屏化
下一篇HTML5:Animate cc交互之MP4格式不能播放
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭