Question

我已尝试使用jwplayer在我的网站上配置显示视频

    jwplayer('viewplayer').setup({
    sources: [{
        file: "/video1.mp4",
        type: "mp4",
        label: "360p",
        default: true
    }],
    tracks: [ {
        file: "/video1.srt",
        label: "English",
        kind: "captions"
    }, ],
    width: "100%",
    image: "/img/poster/video1.jpg",
    title: "video1 my webiste",
    aspectratio: "16:9",
    primary: "html5",
    modes: [{
        type: "html5"
    }, {
        type: "flash",
        src: "/templates/js/jwplayer.flash.swf"
    }, ],
    skin: {
        name: "seven",
        background: "transparent",
    },
    controlbar: "none",
    autostart: false,
    captions: {
        color: "#FFFF00",
        fontSize: 15,
        backgroundOpacity: 30
    },
});

控制智能手机：播放，高清按键控制桌面：播放，高清， CC，音量按钮和进度条

Display controls at smartphone

Display controls at desktop

请帮助我了解智能手机上的显示控件如何与桌面相同

Answer 1

我对我的问题有一个答案。因为我不理解这个源代码，其他成员对其进行了修改。

此css不显示智能手机的控件

.jw-reset {
    margin:0px auto;
    width:100%!important;
}
#viewplayer {
    position:absolute;
    width:100%;
    height:100%;
    left:0px;
    top: 0px
}

如何在智能手机的jwplayer中显示控件同一个桌面

1 个答案: