标签：Adobe vid Edge video 视频文件 Animate 播放

原文链接：http://www.cnblogs.com/adobeedge/archive/2012/12/25/Adobe_Edge_Animate_video.html

Adobe Edge Animate --如何在Edge中播放视频文件

版权声明:

本文版权属于 北京联友天下科技发展有限公司。

转载的时候请注明版权和原文地址。

前面的教程讲到在Edge中添加音频文件并且进行播放控制，下面将为大家讲解两种代码实现如何在Edge中添加视频文件。

一、如下图所示，在Adobe Edge中创建元件和元素：

舞台框架结构如下：

其中元件frame_video的内部结构如下：只有一个矩形（注意：要用到这个矩形的id，即名称，我们这里把它命名为video_container）

二、在库面板中双击元件frame_video，点击Open Action按钮添加creationcomplete函数：

附：函数代码

var vid = $("<video width='419' height='246' controls='controls'>" +

   "<source src='video/bunny.mp4' type='video/mp4' />" +

   "<source src='video/bunny.ogv' type='video/ogg' />" +

   "This browser is not compatible with HTML 5" +

"</video>"

);

sym.$("video_container").append(vid);

vid.attr('autoplay','autoplay');

vid.attr('preload','auto');

三、保存工程，在工程目录下新建video文件夹，添加bunny.mp4文件，这里mp4文件需要符合要求，25帧每秒，本人一开始用优酷下载的文件只有15帧每秒就不可以播放了。

Ctrl+Enter在浏览器中预览文件，可以看到视频正常播放了。

注：这里要如何实现居中呢，我们在以前的教程中也说到，为Stage添加creationcomplete函数如下：

就可以实现居中显示了。

四、另外一种代码实现方法：

附函数代码：

var vid = $("<video controls autoplay name='media'><source src='video/bunny.mp4' type='video/mp4'></video>");

sym.$("video_container").append(vid);

使用这种代码实现方式也可以实现正常播放视频。

本文地址：

http://www.cnblogs.com/adobeedge/archive/2012/12/25/Adobe_Edge_Animate_video.html

作者：北京联友天下科技发展有限公司  肖伟民

 

转载于:https://www.cnblogs.com/adobeedge/archive/2012/12/25/Adobe_Edge_Animate_video.html

标签：Adobe,vid,Edge,video,视频文件,Animate,播放
来源： https://blog.csdn.net/weixin_30263277/article/details/96598047

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。