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
作者：北京聯友天下科技發展有限公司 肖偉民