Quality stacks to empower your creativity
ExampleYou can view an example of the uTubeFill stack on this webpage:
Splash Theme - YouTube video background
The default settings for the stack were used for this example. This example is using the Splash RapidWeaver theme. Splash is available to purchase from the ThemeFlood website and is an ideal 'blank' theme for building beautiful single page websites and landing pages. A free demo version of the Splash theme is available to download and test, from the ThemeFlood website. Splash will also work in other themes like Breeze and Photogenic.
SetupFollow these instructions to get the uTubeFill stack working in your webpage.
- Once installed, drag and drop the uTubeFill Stack into your page.
- In the uTubeFill Stack settings on the right, type in the video ID. This is normally a random string of letters and numbers. Be sure to enter this carefully, taking care not to introduce any spaces or other special characters. If the URL of the video is something like this:
http://www.youtube.com/watch?v=t4DXCx7qdEQYou would just type in the the ID code after
v=in the URL. In this example, the video ID would be
t4DXCx7qdEQ. Any other parameters after the ID which begin with an ampersand (&) character should be ignored.
- The Selector setting may require changing for some RapidWeaver themes. This is the named class or ID selector used to wrap all your page content and lift it forward from the video background.
- Change any of the other settings available in the stack. By default, the video will start playing muted (with no sound) and will repeat itself.
Important! Sometimes when you’re testing YouTube video content offline, you must have your project running on a web server, as the Flash or HTML5 players may restrict calls between local files and the internet. Typically you may see a "missing plugin" message or similar. It is possible to test projects offline using web sharing in System Preferences or by downloading and installing MAMP. Some of the features in this stack may not work with older video content. Some web browser extensions like Incognito will block the embedded YouTube content and prevent the uTubeFill stack from working correctly.