如何在智能手机同一桌面上的 jwplayer 中显示控件
How display controls in jwplayer at smartphone same desktop
我已经尝试使用 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
请帮我看看在智能手机上的显示控制如何与桌面相同
我的问题有答案了。因为我没看懂这个源代码,其他成员修改了它。
此 css 不在智能手机上显示控件
.jw-reset {
margin:0px auto;
width:100%!important;
}
#viewplayer {
position:absolute;
width:100%;
height:100%;
left:0px;
top: 0px
}
我已经尝试使用 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
请帮我看看在智能手机上的显示控制如何与桌面相同
我的问题有答案了。因为我没看懂这个源代码,其他成员修改了它。
此 css 不在智能手机上显示控件
.jw-reset {
margin:0px auto;
width:100%!important;
}
#viewplayer {
position:absolute;
width:100%;
height:100%;
left:0px;
top: 0px
}