Video module responsive

adolfogerin · December 2017

I future if it´s possible the video module window fit the space where is in. In this mobile world all the structure are responsive but the video.

dleffler · December 2017

Just to confirm, this is the Media Player module? Is this related to uploaded videos, or Youtube urls?

adolfogerin · December 2017

Both. I try every resource in CSS but only with JS I can do my video window responsive but if I do this I´ll lose it in next upgrade

dleffler · December 2017

Ok, the quick fix (before the next release in a few weeks), is to edit the /framework/modules/mediaplayer/views/media/medialist.tpl file (or medialist.bootstrap3.tpl if using a bootstrap 3 based theme)
Edit the line ~#44 from

<div class="video media"{if $config.use_lightbox} style='display:none'{/if}>

to

<div class="video media"{if $config.use_lightbox} style='display:none'{else} style="width:80%;max-width:960px;margin:0 auto;"{/if}>

and line ~#50 from

<video class="{$config.video_style}" width="{$item->width|default:$config.video_width}" height="{$item->height|default:$config.video_height}"

to

<video class="{$config.video_style}"  style="width:100%;height:100%;" width="{$item->width|default:$config.video_width}" height="{$item->height|default:$config.video_height}"

adolfogerin · December 2017

thanks

Video module responsive

Comments