- This topic has 9 replies, 3 voices, and was last updated 3 years, 9 months ago by David.
March 1, 2020 at 6:28 am #1181253Suzanna
I’m running GP premium on a site. I used a download, pre-built site structure from GP on my website, and the large background picture on the homepage is set up via the Global and Home Header sections under Appearance>Elements section. I’d like to change the picture to a looped video, but the video file I uploaded does not show up in the media options where you change those videos.
Thank you!March 1, 2020 at 9:17 am #1181500LeoStaffCustomer Support
This should help:
Let me know 🙂March 2, 2020 at 5:47 am #1182142Suzanna
Thanks for this answer – it did help, but it isn’t working. I’ve entered the HTML especially where it says to in the article – it looks like this:
<video loop muted autoplay poster=”https://twinbuttesranch.com/wp-content/uploads/2019/03/Arizona-2018-Twin-Buttes-Ranch-260-Jepeg.jpg/TO/poster.jpg” class=”background-video”>
<source src=”https://twinbuttesranch.com/wp-content/uploads/2020/02/Ranch-video-no-loop.mp4/TO/poster.jpg/TO/video.mp4″ type=”video/mp4″>
But when I tried to add the CSS it wrote it on the homepage.
Either way, the video does not play, and when I add the HTML in the Elements content section (under the <h1> tags, right?) it just moves the site header/call-to-action off center.
Obviously I’m missing a step…thanks again!March 2, 2020 at 7:02 am #1182376DavidStaffCustomer Support
where are you adding the CSS Code?March 2, 2020 at 7:15 am #1182393Suzanna
I tried adding it into the Elements content area, then into the Elements classes area – I couldn’t see any other place to add it.March 2, 2020 at 7:51 am #1182428LeoStaffCustomer SupportMarch 2, 2020 at 8:48 am #1182498Suzanna
OK, thanks again! Progress. The Simple CSS plugin loaded up and is working great. I copy/pasted the CSS from the help article https://docs.generatepress.com/article/page-hero-background-video/ and put the HTML code into the elements content area on both the Home and Global header areas…
The button is no longer showing up sideways, and the code isn’t writing on the visible homepage, but the video still won’t play?
I have the original homepage image still set to Featured Image, by the way, I’m not sure if that would make a difference.
Thank you so much!March 2, 2020 at 1:38 pm #1182728DavidStaffCustomer Support
The src line in your HTML eg.:
<source src="URL/TO/video.mp4" type="video/mp4">
is incorrect. Try replacing it with this:
<source src="https://twinbuttesranch.com/wp-content/uploads/2020/02/Ranch-video-no-loop.mp4" type="video/mp4">March 2, 2020 at 2:34 pm #1182784Suzanna
Thanks guys so much! The video is playing, and I think I can figure it out from here. You’re the absolute best 🙂March 2, 2020 at 3:55 pm #1182812DavidStaffCustomer Support
Glad we could be of help
- You must be logged in to reply to this topic.