摘要：本文出自官方論壇封裝了百度云播放器。百度云播放器突破平臺對視頻格式的限制，支持目前所有主流的媒體格式等。使用前先去百度開放平臺獲取，配置到文件中，否則會出現(xiàn)閃退等異常。

本文出自APICloud官方論壇

UIBPlayer 封裝了百度云播放器 SDK。本模塊帶有UI方案，打開后為一個具有完整功能的播放器界面。百度云播放器突破 Android、iOS 平臺對視頻格式的限制，支持目前所有主流的媒體格式(mp4、avi、wmv、flv、mkv、mov、 rmvb 等)。

模塊亮點(diǎn)介紹：

自帶UI，用戶只需自己設(shè)計圖標(biāo)，調(diào)整參數(shù)。

具有雙擊播放、暫停，手勢滑動改變播放進(jìn)度、屏幕亮度和音量的功能

iOS 支持橫豎屏自動切換（設(shè)置中打開豎屏鎖定）

頂部、底部按鈕播放時自動隱藏，點(diǎn)擊喚起。

使用前先去百度開放平臺獲取AccessKey，配置到config.xml文件中，否則會出現(xiàn)閃退等異常。參考模塊文檔說明。

直接調(diào)用open接口即可打開播放器。代碼如下：

var UIBPlayer = api.require("UIBPlayer");

    UIBPlayer.open({
        rect: {
            x: 0,
            y: 0,
            w: api.winWidth,
            h: 300
        },
        videoScalingMode:"FIT_WITH_CROPPING",
        path: "http://wvideo.spriteapp.cn/video/2016/0328/56f8ec01d9bfe_wpd.mp4",
        autoPlay: false,
        enableLooping: true,
        pauseInBackground: true,
        coverImg: "widget://image/uibplayer/cover.png",
        styles: {
            head: {
                bg: "rgba(161,161,161,0.5)",
                height: 44,
                marginTop: api.safeArea.top,
                hide: false,
                backBtn: {
                    size: 30,
                    backImg: "widget://image/uibplayer/back.png",
                    marginLeft: 5
                },
                titleLabel: {
                    title: "蝙蝠俠",
                    size: 20,
                    color: "#fff",
                    width: 200,
                    numberLines: 1,
                    leftMargin: 5,
                    backgroundColor: "rgba(0,0,0,0)"
                },
                customButtons: [{
                    w: 30,
                    h: 30,
                    rightMagin: 5,
                    img: "widget://image/uibplayer/setting.png",
                    imgSelected: "widget://image/uibplayer/settinged.png",
                }, {
                    w: 30,
                    h: 30,
                    rightMagin: 5,
                    img: "widget://image/uibplayer/mess.png",
                    imgSelected: "widget://image/uibplayer/messed.png",
                }]
            },
            foot: {
                bg: "rgba(161,161,161,0.5)",
                height: 44,
                marginBottom: 0,
                hide: false,
                playBtn: {
                    size: 44,
                    playImg: "widget://image/uibplayer/play.png",
                    pauseImg: "widget://image/uibplayer/pause.png",
                    marginLeft: 0
                },
                currentTimeLabel: {
                    textSize: 14,
                    textColor: "#FFF",
                    marginLeft: 5
                },
                seekBar: {
                    sliderImg: "widget://image/uibplayer/slide.png",
                    progressColor: "#696969",
                    progressSelectedColor: "#333333",
                    marginLeft: 5,
                    marginRight: 5
                },
                totalTimeLabel: {
                    textSize: 14,
                    textColor: "#FFF",
                    marginRight: 5
                },
                fullScreenBtn: {
                    size: 30,
                    img: "widget://image/uibplayer/unfullscreen.png",
                    fullScreenImg: "widget://image/uibplayer/fullscreen.png",
                    marginRight: 10
                }
            }
        },
        fixedOn: api.frameName,
        fixed: false
    });

復(fù)制代碼

不同用戶需要到百度開放平臺申請key, 配置到自己項目的config.xml中，提交代碼然后編譯自定義loader。