-
AuthorPosts
-
September 23, 2014 at 5:13 pm #323805
I’m using a youtube video as a background video on a colored section. How do I stop it from continually looping. I just want it to play once and stop so I can overlay content over it. What I’m trying to do is to have video run thru once, then stop and I want to overly some text on it. My problem is this seems to be the only way to get the video to be full screen. I’ve tried using different sliders, but I can’t seem to get them to load the video full screen.
Thanks,
SteveSeptember 25, 2014 at 2:24 am #324707Hi svreatt!
Thank you for using Enfold.
Please edit config-templatebuilder > avia-shortcodes > section.php, find this code on line 489:
'video_loop' => true,
Replace it with:
'video_loop' => false,
Cheers!
IsmaelSeptember 25, 2014 at 1:05 pm #324922Thanks,
Where do I find this? I didn’t see in the editor section?September 25, 2014 at 1:08 pm #324926September 25, 2014 at 10:13 pm #325293Thanks,
That did the trick. It there a way to make the video responsive? That way it alway looks good no matter what size screen or layout. I’m using a 16:9 ratio and it only looks good your browser widow is set that way. That way if someone resizes their window the movie still looks good. Right now it cuts off if you resize the widow to a different ratio.September 26, 2014 at 9:45 am #325477Hi!
Glad the solution worked. Please post the link to the actual page with the video background. We would like to inspect it. The video should be responsive by default.
Cheers!
IsmaelSeptember 26, 2014 at 4:32 pm #325675September 30, 2014 at 4:53 am #326973Hey!
Thank you for the link.
Please try to add this on Quick CSS or custom.css to adjust the height of the video:
#top #av_section_1 .av-section-video-bg iframe, #top #av_section_1 .av-section-video-bg embed, #top #av_section_1 .av-section-video-bg object, #top #av_section_1 .av-section-video-bg video { height: 592px !important; top: 0; }
Cheers!
IsmaelOctober 7, 2014 at 2:47 am #331291Thanks, but that didn’t work. It just made the video one size.
October 8, 2014 at 2:15 am #332019Hi!
Thank you for the update.
Even without the suggested code above, the video is responsive. You need to use media queries in order to control the height of the video on different screen sizes.
Best regards,
IsmaelJune 6, 2016 at 4:05 am #643235Hi there,
I have turned the loop to false but the video is still looping – see here http://steel.neptunedesign.com.au/
Thanks,
Nep ThachJune 6, 2016 at 10:43 pm #643687Hi,
Please post us your login credentials (in the “private data” field), so we can take a look at your backend.
Login credentials include:
- the URL to the login screen
- a valid username (with full administration capabilities)
- as well as a password for that username
Best regards,
AndyJune 7, 2016 at 4:09 am #643754Hi Andy,
See details below, just like the video stop looping finish at the last frame you know :)
Thanks,
NepJune 8, 2016 at 4:19 am #644488Hi,
We tested the same video in our installation, modified the section.php file and the loop stopped. Did you modify the section.php file? Please post the FTP details here so that we can check it.
Best regards,
IsmaelJune 9, 2016 at 4:50 am #645201Thanks Isamel,
Yes, I am sure i have please find the details below.
June 10, 2016 at 7:02 am #646055Hi,
It’s not working because the section.php file is duplicated. We deleted the section-back.php file then set the “video_loop” parameter to 0.
Best regards,
IsmaelJuly 26, 2016 at 9:55 pm #665501Jumping in here if it’s ok. This works but what about for a child theme? I tried to make a copy of the edited sections.php and add it to my child theme files, both in the same folder directory as well as just putting it in the main theme files folder. Neither worked. I change the sections.php according to these directions in the enfold theme, and it works. But, I hate to modify enfold theme files then have them not work correctly when the theme upgrades or have to remember to change this file every upgrade (which I won’t).
- This reply was modified 8 years, 3 months ago by Ria.
July 29, 2016 at 2:21 am #666450Hi,
I’m sorry but you won’t be able to override the shortcode file in a child theme. Actually, you can but the workaround is not “update-proof”. More info here: http://kriesi.at/documentation/enfold/add-new-or-replace-advanced-layout-builder-elements-from-child-theme/
Best regards,
IsmaelJune 1, 2018 at 11:07 pm #965596Hello,
Bringing up an old thread, but I cant find the video_loop function as of 6.1.2018. Is there another section it’s moved to?
June 4, 2018 at 5:38 am #966300Hi,
It’s the same section.php file, line 1049.
'video_loop' => true,
Best regards,
IsmaelJune 19, 2018 at 3:20 pm #974799Hi,
strange, but true. I did everything as described above, but the video is still looping.
Embedded a HTML5 Video from the media library, changed the code as described, there is no duplicate section.php there – but still it loops.Cheers, Werner
June 20, 2018 at 5:32 am #975083 -
AuthorPosts
- The topic ‘Background video’ is closed to new replies.