Search…

X3 Photo Gallery Support Forums

Search…
 
winph
Experienced
Topic Author
Posts: 236
Joined: 19 Jul 2008, 05:07

Embedded MP4

30 Aug 2016, 06:04

Hi,

How do i resized the embedded MP4? and is it possible to add border?

thanks
 
User avatar
mjau-mjau
X3 Wizard
Posts: 14452
Joined: 30 Sep 2006, 03:37

Re: Embedded MP4

30 Aug 2016, 11:38

I assume you have seen the video embedded in the sample content demo, where it also features a white border? There is also a width attribute there which sets the size of the video relative to parent container.
Code
<video width="100%" controls class="x3-style-frame">
Not sure what you are trying to resize it to though. It will look strange if it's smaller than the parent container, which should be set to narrow, since it is text context anyway. Bigger would also look strange, and how would it work on mobile devices? If a visitor wants to view bigger, they will click the "fullscreen" button, as they do on Youtube an elsewhere.
 
winph
Experienced
Topic Author
Posts: 236
Joined: 19 Jul 2008, 05:07

Re: Embedded MP4

31 Aug 2016, 04:56

thanks,

i just want it 80% or 90% smaller than the screen. 
 
User avatar
mjau-mjau
X3 Wizard
Posts: 14452
Joined: 30 Sep 2006, 03:37

Re: Embedded MP4

31 Aug 2016, 05:22

winph wrote:i just want it 80% or 90% smaller than the screen. 
If it's inside a page with text (context module) set to narrow, then it will populate the width of the module. You can't just change the width of a single item that is embedded within the limitations of the parent container.

If you don't have any text, you can set the context module to WIDE layout, and the video will extend to 100% of screen width, minus some padding. You could then set style="width:90%" to limit the width to 90% of the screen.

Not quite sure what you are trying to achieve. If someone sets a video to 90%, from this screen, it will be massive 1900px wide, and probably chopped off at the bottom ... no thanks, I can click to play a video in normal high-res say 720p, and if I want I can just click "fullscreen" in the video controls.