forked from 0x2620/oxjs
add fullscreen mode to video player
This commit is contained in:
parent
4255470e29
commit
609ffdd4d7
2 changed files with 265 additions and 144 deletions
|
|
@ -9,7 +9,7 @@ Ox.load('UI', {
|
|||
videoSize = getVideoSize(),
|
||||
$videos = [
|
||||
Ox.VideoPlayer({
|
||||
controls: ['play', 'mute', 'scale', 'timeline', 'position'],
|
||||
controls: ['play', 'mute', 'fullscreen', 'scale', 'timeline', 'position'],
|
||||
enableKeyboard: true,
|
||||
focus: 'mouseenter',
|
||||
height: 192,
|
||||
|
|
@ -27,9 +27,11 @@ Ox.load('UI', {
|
|||
width: 360
|
||||
})
|
||||
.css({
|
||||
margin: '16px'
|
||||
}),
|
||||
left: '16px',
|
||||
top: '16px'
|
||||
}),
|
||||
Ox.VideoPlayer({
|
||||
enableKeyboard: true,
|
||||
height: 192,
|
||||
'in': 3128.725,
|
||||
//keepIconVisible: true,
|
||||
|
|
@ -38,13 +40,13 @@ Ox.load('UI', {
|
|||
playInToOut: true,
|
||||
//preload: 'none',
|
||||
showIcon: true,
|
||||
showIconOnLoad: true,
|
||||
timeline: timeline,
|
||||
video: url + '?' + + Ox.random(1000000),
|
||||
width: 360
|
||||
})
|
||||
.css({
|
||||
margin: '16px'
|
||||
left: '16px',
|
||||
top: '16px'
|
||||
}),
|
||||
Ox.VideoPlayer({
|
||||
controls: ['play', 'playInToOut', 'mute', 'size', 'space', 'position'],
|
||||
|
|
@ -60,7 +62,13 @@ Ox.load('UI', {
|
|||
width: videoSize.width
|
||||
})
|
||||
.css({
|
||||
margin: '16px'
|
||||
left: '16px',
|
||||
top: '16px'
|
||||
})
|
||||
.bindEvent({
|
||||
size: function() {
|
||||
|
||||
}
|
||||
})
|
||||
];
|
||||
window.$videos = $videos
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue