0x2620/oxjs
2
0
Fork 1
Code Issues 172 Pull requests Releases Wiki Activity

timeline view: make in and out players display an image, not a video

Browse source
This commit is contained in:
rolux 2010-09-18 12:50:08 +00:00
parent 50b92ebad5
commit e8e8be5b6d
1 changed files with 49 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

80
build/js/ox.ui.js
View file

@ -9482,6 +9482,7 @@ requires
cuts: [],
duration: 0,
find: '',
frameURL: function() {},
largeTimeline: true,
matches: [],
points: [0, 0],
@ -9518,7 +9519,7 @@ requires
posterFrame: self.options.posterFrame,
subtitles: self.options.subtitles,
type: type,
url: self.options.videoURL,
url: type == 'play' ? self.options.videoURL : self.options.frameURL,
width: self.sizes.player[i].width
})
.css({
@ -9917,24 +9918,26 @@ requires
self.controlsHeight = 16;
self.$video = $('<video>')
.attr({
preload: 'auto'
})
.css({
height: self.options.height + 'px',
width: self.options.width + 'px'
})
.appendTo(that.$element);
self.video = self.$video[0];
// fixme: can be removed once in and out players only display stills
var other = $('video[src='+self.options.url+']')[0];
if (self.video.mozLoadFrom && other)
self.video.mozLoadFrom(other);
else
self.video.src = self.options.url;
if (self.options.type == 'play') {
self.$video = $('<video>')
.attr({
preload: 'auto',
src: self.options.url
})
.css({
height: self.options.height + 'px',
width: self.options.width + 'px'
})
.appendTo(that.$element);
self.video = self.$video[0];
} else {
self.$video = $('<img>')
.css({
height: self.options.height + 'px',
width: self.options.width + 'px'
})
.appendTo(that.$element)
}
self.$subtitle = $('<div>')
.addClass('OxSubtitle')
@ -10089,17 +10092,20 @@ requires
}).addClass('foo');
});
self.$loadingIcon = new Ox.LoadingIcon()
.appendTo(that)
.start();
self.loadInterval = setInterval(function() {
if (self.video.readyState) {
clearInterval(self.loadInterval);
self.$loadingIcon.stop();
setPosition();
}
}, 50);
if (self.options.type == 'play') {
self.$loadingIcon = new Ox.LoadingIcon()
.appendTo(that)
.start();
self.loadingInterval = setInterval(function() {
if (self.video.readyState) {
clearInterval(self.loadingInterval);
self.$loadingIcon.stop();
setPosition();
}
}, 50);
} else {
setPosition();
}
function getSubtitle() {
var subtitle = '';
@ -10166,7 +10172,19 @@ requires
}
function setPosition() {
self.video.currentTime = self.options.position;
if (self.options.type == 'play') {
self.video.currentTime = self.options.position;
} else {
self.$loadingIcon = new Ox.LoadingIcon()
.appendTo(that)
.start();
self.$video.attr({
src: self.options.url(self.options.position)
})
.one('load', function() {
self.$loadingIcon.stop();
});
}
setMarkers();
setSubtitle();
self.$positionInput.options({