Reduce video size

[Emerald]

I would like to alter the size of videos posted please, so they are posted at 300x300 and no bigger.

I know there is an option default, small, med, large in there >> but members can sometimes forget to use it.

I don't want a plug in or to alter templates, thank you,  so may I add code into my header/footer please if okay to ask?

Emerald

[Emerald]

Bump

[Emerald]

Can anyone assist me with a code, please? Or perhaps it is too difficult a task and if so no worries.

[Former Member]

i think this is what u might want, it doesn't work on the quick reply button if you have the plugin for them.

support.proboards.com/thread/564376/change-default?page=1&scrollTo=6493396

it changes the vid size to small as default

[Chris]

If you add a CSS rule such as

article .message video,  article .message iframe { max-width: 300px; }

to your theme's stylesheet you should be able to reduce the size of a posted video to a maximum width of 300px.

I'm not familiar with the HTML output for all the supported video types but the trend has been away from flash embeds and towards HTML5 video or iframes if support for older browsers is necessary. The selector should work on the majority of videos but that is just a guess. If you find one that it doesn't work on or if you have a plugin that uses iframes in the post then you'll need to link me to an example so a more specific rule could be created to either ignore or include for that specific case.

[Chris]

@joecool111 , this should default to 'small' on both full reply and quick reply

<script>
(function(){
var wysiwyg = jQuery.ui.wysiwyg.prototype,
iVP = wysiwyg._insertVideoPrompt;
wysiwyg._insertVideoPrompt = function(){
var ret = iVP.apply(this, arguments); // currently no return value but future proof
//now that the dialog has been created we can modify it
this.dialog.find('#wysiwyg-input-size').val('small')
.parent().find('.selectMenuButton .ui-selectMenu-box .status').html('small');
return ret;
}
})()
</script>


[Former Member]

Nov 21, 2015 19:54:53 GMT -8 Chris said:

@joecool111 , this should default to 'small' on both full reply and quick reply

<script>
(function(){
var wysiwyg = jQuery.ui.wysiwyg.prototype,
iVP = wysiwyg._insertVideoPrompt;
wysiwyg._insertVideoPrompt = function(){
var ret = iVP.apply(this, arguments); // currently no return value but future proof
//now that the dialog has been created we can modify it
this.dialog.find('#wysiwyg-input-size').val('small')
.parent().find('.selectMenuButton .ui-selectMenu-box .status').html('small');
return ret;
}
})()
</script>


thank u, i didnt get an alert for this thread for some reason.

been happinening a few threads the past 2 weeks idk why.

[Former Member]

its worked this thank u.