HTML5 MiranaVideo播放器 (代碼開源)
發(fā)布時間:2010-06-11 15:57:38 作者:佚名
我要評論

HTML5 MiranaVideo播放器,基于yui代碼比較大。
【HTML5】---【MiranaVideo播放器】
請使用新版的firefox或chrome等支持video格式的瀏覽器打開
多個視頻加載,圖片瀏覽:

MiranaVideo Demo : http://demo.jb51.net/js/MiranaVideo/MiranaVideo.htm
1、漸進增加,不支持video格式瀏覽器用flash代替
2、播放進度顯示
3、加載進度顯示
4、播放時間和總時間顯示
5、音量調(diào)節(jié) 并保存在本地localStrong
6、非全屏/全屏操作
7、1個頁面支持多個MiranaVideo實例
8、異常流,加入錯誤提示
9、loading判斷,loading圖片展示
10、開頭和結(jié)尾poster廣告顯示
11、增加判斷本地緩存的加載顯示
12、重復播放
13、工具欄懸停顯示
MiranaVideo 代碼基于 Yui .
代碼下載: MiranaVideo.rar
請使用新版的firefox或chrome等支持video格式的瀏覽器打開
多個視頻加載,圖片瀏覽:

MiranaVideo Demo : http://demo.jb51.net/js/MiranaVideo/MiranaVideo.htm
1、漸進增加,不支持video格式瀏覽器用flash代替
2、播放進度顯示
3、加載進度顯示
4、播放時間和總時間顯示
5、音量調(diào)節(jié) 并保存在本地localStrong
6、非全屏/全屏操作
7、1個頁面支持多個MiranaVideo實例
8、異常流,加入錯誤提示
9、loading判斷,loading圖片展示
10、開頭和結(jié)尾poster廣告顯示
11、增加判斷本地緩存的加載顯示
12、重復播放
13、工具欄懸停顯示
MiranaVideo 代碼基于 Yui .
代碼下載: MiranaVideo.rar
相關文章
HTML5 video標簽(播放器)學習筆記(二):播放控制
這篇文章主要介紹了HTML5 video標簽(播放器)學習筆記(二):播放控制,本文講解了獲取影片總時長、播放、暫停、獲取影片的播放時間和設置播放點、音量的獲取和設置等內(nèi)容,2015-04-24HTML5 video標簽(播放器)學習筆記(一):使用入門
這篇文章主要介紹了HTML5 video標簽(播放器)學習筆記(一):使用入門,本文講解了使用標簽、比如播放視頻的路徑、是否顯示控制條、讓視頻自動播放或自動加載、讓播放器規(guī)2015-04-24- 本期的教程主要是為了展示Html5新增的2014-12-30
- 這篇文章主要介紹了html5實現(xiàn)完美兼容各大瀏覽器的播放器,需要的朋友可以參考下2014-12-26
- 這篇文章主要介紹了html5中 media(播放器)的api使用指南,需要的朋友可以參考下2014-12-26
- HTML5提供有新的video標簽,可以不用編程直接播放video,只需要寫幾行簡單的代碼, 就可以自定義播放器2013-12-20
- 本文為大家詳細介紹下html5 音樂播放器 audio 標簽的使用概述,喜歡html5的朋友可以參考下哈,希望對大家有所幫助2013-07-15
- 本篇文章主要介紹了從零實現(xiàn)一個自定義html5播放器的示例代碼,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-08-01