Skip to content

Instantly share code, notes, and snippets.

View style.css
.front-page-1 .image-section {
position: relative;
}
.front-page-3 .image-section {
position: realtive;
}
#big-video-wrap {
display: none; /* Hide background video (will be faded in after it's completely loaded via JS) */
View bigvideo-init.js
jQuery(function( $ ){
var BV = new $.BigVideo({container: $('.front-page-1'), useFlashForFirefox:false, doLoop: true});
BV.init();
BV.show([
{ type: "video/mp4", src: "path/to/vid/flatbed_background.mp4" },
{ type: "video/webm", src: "path/to/vid/flatbed_background.webm" },
{ type: "video/ogg", src: "path/to/vid/flatbed_background.ogv" }
]);
View bigvideo-init.js
jQuery(function( $ ){
var BV = new $.BigVideo({container: $('.front-page-1'), useFlashForFirefox:false, doLoop: true});
BV.init();
BV.show([
{ type: "video/mp4", src: "http://web1.beelineandblue.com/wp-content/vid/flatbed_background.mp4" },
{ type: "video/webm", src: "http://web1.beelineandblue.com/wp-content/vid/flatbed_background.webm" },
{ type: "video/ogg", src: "http://web1.beelineandblue.com/wp-content/vid/flatbed_background.ogv" }
]);
View front-page.php
//* Add featured-section body class for front-page-1 widget area
if ( is_active_sidebar( 'front-page-1' ) ) {
//* Add image-section-start body class
add_filter( 'body_class', 'altitude_featured_body_class_1' );
function altitude_featured_body_class_1( $classes ) {
$classes[] = 'featured-section';
return $classes;
You can’t perform that action at this time.