摘要：本文出自官方論壇封裝了視頻播放功能支持音頻播放。本模塊封裝了兩套播放方案一，通過調用接口，直接打開一個自帶默認播放界面的播放器二，通過接口，打開一個純播放器界面，再配合自定義完整的播放頁面，通過等接口控制播放操作。

本文出自APICloud官方論壇

vPlayer iOS封裝了AVPlayer視頻播放功能（支持音頻播放）。iOS 平臺上支持的視頻文件格式有：WMV，AVI，MKV，RMVB，RM，XVID，MP4，3GP，MPG等，音頻文件格式有：MP3，WMA，RM，ACC，OGG，APE，FLAC，FLV等。本模塊封裝了兩套播放方案：一，通過調用 openPlayer 接口，直接打開一個自帶默認播放界面的播放器；二，通過 open 接口，打開一個純播放器界面，再配合 frame 自定義完整的播放頁面，通過play、pause等接口控制播放操作。

效果圖：

openPlayer示例代碼：

var vPlayer = api.require("vPlayer");
                vPlayer.openPlayer({
                        rect: {
                                x: 0, //（可選項）數字類型；模塊左上角的 x 坐標（相對于所屬的 Window 或 Frame）；默認：0
                                y: 30, //（可選項）數字類型；模塊左上角的 y 坐標（相對于所屬的 Window 或 Frame）；默認：0
                                w: api.frameWidth, //（可選項）數字類型；模塊的寬度；默認：所屬的 Window 或 Frame 的寬度
                                h: 300
                        },
                        path: "http://www.w3school.com.cn/example/html5/mov_bbb.mp4",
                        autoPlay: true,
                        coverImg: "widget://image/video/cover_img.png",
                        styles: {
                                head: {
                                        bg: "rgba(161,161,161,0.4)",
                                        height: 44,
                                        marginTop: 0,
                                        hide: false,
                                        backBtn: { //ok
                                                size: 32,
                                                backImg: "widget://image/video/back.png",
                                                marginLeft: 0
                                        },
                                        titleLabel: { //ok
                                                title: "視頻播放",
                                                size: 16,
                                                color: "#FFFFFF",
                                                width: 170,
                                                numberLines: 3,
                                                leftMargin: 5,
                                                //                                  backgroundColor:"rgba(161,161,161,0.4)"
                                        },
                                        customButtons: [{
                                                w: 32,
                                                h: 32,
                                                rightMagin: 5,
                                                img: "widget://image/video/delete.png",
                                                imgSelected: "widget://image/video/delete_sel.png",
                                        }, ]
                                },
                                foot: {
                                        bg: "rgba(161,161,161,0.4)",
                                        height: 44,
                                        marginBottom: 0,
                                        hide: false,
                                        playBtn: {
                                                size: 32,
                                                playImg: "widget://image/video/play.png",
                                                pauseImg: "widget://image/video/pause.png",
                                                marginLeft: 5
                                        },
                                        currentTimeLabel: {
                                                textSize: 14,
                                                textColor: "#FFFFFF",
                                                marginLeft: 5
                                        },
                                        seekBar: {
                                                sliderImg: "widget://image/video/seek_bar.png",
                                                progressColor: "#FA8072",
                                                progressSelectedColor: "#A2CD5A",
                                                marginLeft: 5,
                                                marginRight: 5
                                        },
                                        totalTimeLabel: {
                                                textSize: 14,
                                                textColor: "#FFFFFF",
                                                marginRight: 5
                                        },
                                        fullScreenBtn: {
                                                size: 32,
                                                img: "widget://image/video/fullscreencal.png",
                                                fullScreenImg: "widget://image/video/fullScreen.png",
                                                marginRight: 10
                                        }
                                }
                        },
                        fixedOn: api.frameName,
                        fixed: true
                }, function(ret) {
                        if (ret) {
                                alert(JSON.stringify(ret));
                        }
                });
復制代碼