▼
Streaming live at 10am (PST)

Any way to scale a background video?

#1

Hi.

I'm looking to place a few background videos to play on my site.
(I'm a designer/art director... want to highlight some web interactions I've built, so I made some videos)
All videos are MP4s. The videos in question have no sound, and I want them to play from load and loop continually...
thus "background video should be perfect.

Here are my problems:

  1. SCALING THEM:
    I don't want them to play "full screen". I've tried placing them in a sized div, but all I see is a portion of the video.
    And I've looked around and haven't found any way to "SCALE" the video.
    (Note: I've had no problem scaling standard videos, and even embed videos.)

I'm even trying placing it on a hidden page on my site, then using the embed from that page on another page.

I've been emailing back and forth w/ Mcguire... and I'm just not getting it.

here's my site link:

https://preview.webflow.com/preview/scottbarbey70956011502405-c113dc3db0ebd?preview=8b7171529f6bc404f61f3dd47299c65c

I've made a test page on the site. (last page in the page menu). there you can see a "Test video"
argggggggh.

help please.

#2

I think it's really meant to be a background video and not an automatic video player. Its seems to be able to shrink down to the width of the grid, 960px, but not under.

You can create a custom HTML5 player at the size you want with custom code and make it autoplay and loop.

<video width="720" height="405" autoplay  loop poster="http://www.webestools.com/page/media/videoTag/BigBuckBunny.png">
	<source src="http://www.webestools.com/page/media/videoTag/BigBuckBunny.mp4" type="video/mp4">
	<source src="http://www.webestools.com/page/media/videoTag/BigBuckBunny.ogg" type="video/ogg">
	<source src="http://www.webestools.com/page/media/videoTag/BigBuckBunny.webm" type="video/webm">
	Your browser does not support the video tag or the file format of this video. <a href="http://www.webestools.com/">http://www.webestools.com/</a>
</video>

But then of course you need to compress/optimize your video in the various formats by yourself.

#3

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.