yetangitu/videojs-rotatezoom
1
0
Fork 0
mirror of https://github.com/xbgmsharp/videojs-rotatezoom synced 2025-10-05 19:42:05 +02:00
Code Issues Releases Wiki Activity

Rotate poster as well

Browse source
This commit is contained in:
xbgmsharp 2013-06-27 09:41:51 +09:00
parent 0f38cf6b58
commit 47470a34df
1 changed files with 7 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/vjs.zoomrotate.js
View file

@ -32,14 +32,16 @@ console.log('zoomrotate: Start');
*/
videojs.plugin('zoomrotate', function(options){
console.log('zoomrotate: Register init');
var settings, player, video;
var settings, player, video, poster;
settings = extend(defaults, options);
/* Grab the necessary DOM elements */
player = this.el();
video = this.el().getElementsByTagName('video')[0];
poster = this.el().getElementsByTagName('div')[1]; // div vjs-poster
console.log('zoomrotate: '+video.style);
console.log('zoomrotate: '+poster.style);
console.log('zoomrotate: '+options.rotate);
console.log('zoomrotate: '+options.zoom);
@ -48,8 +50,8 @@ console.log('zoomrotate: Start');
'msTransform', 'OTransform'],
prop = properties[0];
/* Iterators and stuff */
var i,j,t;
/* Iterators */
var i,j;
/* Find out which CSS transform the browser supports */
for(i=0,j=properties.length;i<j;i++){
@ -60,7 +62,9 @@ console.log('zoomrotate: Start');
}
/* Let's do it */
player.style.overflow = 'hidden';
video.style[prop]='scale('+options.zoom+') rotate('+options.rotate+'deg)';
poster.style[prop]='scale('+options.zoom+') rotate('+options.rotate+'deg)';
console.log('zoomrotate: Register end');
});
})();