MediaWiki:Gadget-VideoResizer.js: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
mNo edit summary |
||
Line 9: | Line 9: | ||
iframe.attr('data-orig-height', iframe.height()); | iframe.attr('data-orig-height', iframe.height()); | ||
} | } | ||
var newWidth = $(this).parent().parent().is('section') ? body.width() : body.width() - 10; | var newWidth = $(this).parent().parent().is('section') ? body.width() - 2 : body.width() - 10; | ||
if (newWidth < iframe.attr('data-orig-width')) { | if (newWidth < iframe.attr('data-orig-width')) { | ||
var aspect = iframe.attr('data-orig-width') / iframe.attr('data-orig-height'); | var aspect = iframe.attr('data-orig-width') / iframe.attr('data-orig-height'); |
Latest revision as of 00:05, December 24, 2024
/* Automatically resize videos to fit the page width */
function autoResizer() {
$('#mw-content-text .autoResize').each(function() {
var body = $('#mw-content-text .mw-parser-output');
var iframe = $(this).find('iframe');
if (typeof iframe.attr('data-orig-width') == 'undefined') {
iframe.attr('data-orig-width', iframe.width());
iframe.attr('data-orig-height', iframe.height());
}
var newWidth = $(this).parent().parent().is('section') ? body.width() - 2 : body.width() - 10;
if (newWidth < iframe.attr('data-orig-width')) {
var aspect = iframe.attr('data-orig-width') / iframe.attr('data-orig-height');
var newWidth = Math.ceil(newWidth);
var newHeight = Math.floor(newWidth / aspect);
$(this).css('width', newWidth);
iframe.attr('width', newWidth);
iframe.attr('height', newHeight);
} else if (iframe.width() != iframe.attr('data-orig-width')) {
$(this).css('width', iframe.attr('data-orig-width'));
iframe.attr('width', iframe.attr('data-orig-width'));
iframe.attr('height', iframe.attr('data-orig-height'));
}
});
}
$(autoResizer);
$(window).resize(function() {
clearTimeout(window.resizeFinished);
window.resizeFinished = setTimeout(function() {
$(autoResizer);
}, 100);
});