WordPress 4.7 - Custom Video Header – Stop Autoplay

I am using WordPress’ latest custom video header feature. Anybody has an idea how to stop autoplay? Checked filters but did not find a way to disable autoplay. /wp-includes/js/wp-custom-header.js has the default settings. However not getting any clue how I may override it without editing core files
Category: Web

Where is the Javascript attribute window._wpCustomHeaderSettings defined?

I'm trying to modify the behaviour of the Javascript function defined in wp-includes/js/wp-custom-header.js, to change the minimum windows height to display a video header. For this, I need to modify the attribute window._wpCustomHeaderSettings.minHeight At the time that my script runs, window._wpCustomHeaderSettings is not defined yet, so I create it with a window._wpCustomHeaderSettings = window._wpCustomHeaderSettings || {}, then set the attribute minHeight to a value of 0. However, after the page is loaded, if I use the browser console to display …
Category: Web

How to add markup to the wp-custom-header div

I have a custom header video on my WordPress site and I have an overlay (an svg I repeat in the background of a div) that I want to live on top of the video. I accomplished this like so <?php the_custom_header_markup(); ?> <div class="header__overlay"></div> However this creates a problem. Because the video and the generated pause button are both in the generated wp-custom-header div, I cannot get my overlay between them. ie For my overlay to be z-indexed over …
Category: Web

Video to stretch across the entire homepage

Where could I find a framework for a homepage where I can have an HTML video stretched all the way across (to a certain max resolution would be fine, like max-width: 2500px or something)? I am using a TwentyTwelve theme I customized. All I need is a top header bar for logo and nav (100px tall) and a footer of the same size. The rest of the screen can be the video. This is kind of what I have as …
Category: Web

Video header works only on previews, but not on published pages

I've made a video header for a customers website, I found out that video is not loading when I am not logged to admin of WordPress, or watching the page from Preview. I already tried another video hosting mp4 servers, I tried to make a video file smaller, as well as I tried to debug few things, but still no solution. Could anybody help me? The video is supposed to load on the Home page right under the navigation bar. …
Category: Web

Add video hero/header to wordpress main site (storefront)

I want to have a video header on my main WordPress site. I use Page specific stylesheet, on my main page, with this code, to make the header on the whole page: .site-header { height: 100vh; } I do also use Video Background, to insert a video. This is how it looks: It works on desktop, but on smaller screens, it shows grey, on the top and the bottom. On phones, it doesn't show up at all. Can I fix, …
Category: Web

About

Geeks Mental is a community that publishes articles and tutorials about Web, Android, Data Science, new techniques and Linux security.