Javascript 如何更改videojs控制栏元素顺序的位置
我正在为我的网站使用video.js播放器。我想更改控制栏元素的位置 目前,它显示播放/暂停、音量、进度条和全屏 我怎样才能更改订单 我的代码如下:Javascript 如何更改videojs控制栏元素顺序的位置,javascript,css,video.js,Javascript,Css,Video.js,我正在为我的网站使用video.js播放器。我想更改控制栏元素的位置 目前,它显示播放/暂停、音量、进度条和全屏 我怎样才能更改订单 我的代码如下: var videojs = videojs('video-player', { techOrder: ["youtube", "html5"], preload: 'auto', controls: true, autoplay: true, fluid: true, controlBar: {
var videojs = videojs('video-player', {
techOrder: ["youtube", "html5"],
preload: 'auto',
controls: true,
autoplay: true,
fluid: true,
controlBar: {
CurrentTimeDisplay: true,
TimeDivider: true,
DurationDisplay: true
},
plugins: {
videoJsResolutionSwitcher: {
default: 'high',
dynamicLabel: true
}
}
}).ready(function() {
var player = this;
......
我可以通过以下更改来解决此问题:
var videojs = videojs('video-player', {
techOrder: ["youtube", "html5"],
preload: 'auto',
controls: video.player.controls,
autoplay: video.player.autoplay,
fluid: true,
controlBar: {
children: [
"playToggle",
"volumeMenuButton",
"durationDisplay",
"timeDivider",
"currentTimeDisplay",
"progressControl",
"remainingTimeDisplay",
"fullscreenToggle"
]
},
plugins: {
videoJsResolutionSwitcher: {
default: 'high',
dynamicLabel: true
}
}
}).ready(function() {
var player = this;
我想这会对将来的人有所帮助
看看这些问题,这些问题的答案可能会非常有用!但是为什么一定要使用css呢?