播放器演示(請在IIS下或其它網站環境下測試)

                                                純HLS(m3u8)跨平臺技術(HLSPlayer,m3u8Player跨平臺多終端)

                                                播放器介紹

                                                播放器功能(提示:請在IIS下或其它網站環境下測試):
                                                純HLS(m3u8)跨平臺技術(HLSPlayer,m3u8Player跨平臺多終端)
                                                1. 這是一款支持m3u8地址在PC電腦端和移動端(安卓Android,蘋果IOS等)播放視頻的播放器。
                                                2. 注意:本實例僅支持hls(m3u8)地址,不支持flv,mp4,mov,f4v,3gp格式,這點請特別注意!
                                                3. 本實例做了跨平臺的適配, 支持PC終端,Android安卓終端,iOS蘋果終端,WP終端的正常播放。
                                                * 提示1:本實例請在IIS/Apache等網站環境下測試;
                                                * 提示2:本實例僅支持m3u8/不支持flv,mp4,f4v;
                                                * 提示3:本實例要求用戶自身有輸出m3u8地址;

                                                使用示例請看下載文件的說明文檔

                                                純HLS(m3u8)跨平臺技術(HLSPlayer,m3u8Player跨平臺多終端)

                                                PC效果:

                                                純HLS(m3u8)跨平臺技術(HLSPlayer,m3u8Player跨平臺多終端)

                                                安卓效果:

                                                純HLS(m3u8)跨平臺技術(HLSPlayer,m3u8Player跨平臺多終端)

                                                使用示例1:(強力推薦)

                                                <!--HLSPlayer代碼開始-->
                                                <div class="video" id="HLSPlayer" >
                                                <SCRIPT LANGUAGE=JavaScript>
                                                <!--
                                                /*
                                                * HLSPlayer參數應用=======================
                                                * @param {Object} vID ID
                                                * @param {Object} vWidth 播放器寬度設置
                                                * @param {Object} vHeight 播放器寬度設置
                                                * @param {Object} vPlayer 播放器文件
                                                * @param {Object} vHLSset HLS配置
                                                * @param {Object} vPic 視頻縮略圖
                                                * @param {Object} vCssurl 移動端CSS應用文件
                                                * HLSPlayer參數應用=======================
                                                */
                                                var vID = "";
                                                var vWidth = "100%";
                                                var vHeight = 400;
                                                var vPlayer = "HLSplayer.swf?v=1.5";
                                                var vHLSset = "HLS.swf";
                                                var vPic = "images/start.jpg";
                                                var vCssurl = "images/mini.css";
                                                //HLS(m3u8)地址,適配PC,安卓,iOS,WP
                                                var vHLSurl = "http://demo.cuplayer.com:8011/hls2-vod/test.mp4.m3u8";
                                                //-->
                                                </SCRIPT>
                                                <script type="text/javascript" src="js/hls.min.js?rand=3396fsa778"></script>
                                                </div>
                                                <!--HLSPlayer代碼結束-->

                                                播放器下載