[Pro] Video without control-bar

Hi there,

I would like to make something like this Spotify website, with a video as a background but without a control bar. I want the video to be fullscreen and to be fit on every screen (not only on my screen and that it then will too be big or too small for an other screen).

How do I do this? Is there an action for this? Or do I need to code it using HTML5?

Thank you,
Steijn


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

In an HTML5 page drag your (MP4 – H.264/AAC) video onto the page. Freeway will make a new HTML box to hold it. In the Inspector, turn off the controls and turn on auto-play and loop. (These options are in the Output tab, third from the left, while the movie is selected on the page.) If you have any fallback versions of the video in Ogg or WebM format, select them in the provided pickers as well. Be sure to provide a Poster version (JPEG still) for those who don’t have any video playback, and for mobile devices, which will hate you always for putting a huge video on the screen. The video will not auto-play on mobile devices under any circumstances; your visitor will always have to click it to begin playing.

Now, from the main menu, choose Item / Send to Back. In the first tab of the Inspector, in the General section, change the Layer picker from Absolute to Fixed in Window. Confirm that the width and height are both set to Minimum % in the Measurements segment. Set the top to 0 and the left to 0, the width to 100% and the height to 100%. Set the Overflow to Hidden.

In the Page Inspector, make sure your page width is set to Flexible.

Preview in a browser. You should see the video fill the screen. Adding a background color to the video element that matches the video inside it will fill in any gaps around the edges where the browser can’t exactly make the math work.

Walter

PS: I had much help from this page: http://stackoverflow.com/questions/10025515/full-page-browser-html5-video-without-jquery

On Aug 30, 2013, at 10:01 AM, Steijn wrote:

Hi there,

I would like to make something like this Spotify website, with a video as a background but without a control bar. I want the video to be fullscreen and to be fit on every screen (not only on my screen and that it then will too be big or too small for an other screen).

How do I do this? Is there an action for this? Or do I need to code it using HTML5?

Thank you,
Steijn

https://www.spotify.com/uk/video-splash/?utm_source=spotify&utm_medium=web&utm_campaign=start


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options