-
AuthorPosts
-
January 17, 2020 at 12:44 pm #1175344
Hey there,
i´ve tried to stop a color sections background video at the last frame like explained here https://kriesi.at/support/topic/how-to-stop-background-video-in-color-section-from-auto-looping/.
The video disappears completely after it has been played. However, the last frame should remain visible.
any idea to fix this?
- This topic was modified 4 years, 10 months ago by hoibi1984.
January 18, 2020 at 7:51 am #1175766Hey hoibi1984,
I’m not sure if that is possible, but send us a link to where we can see element in question and we’ll have a closer look at it.
Best regards,
RikardJanuary 28, 2020 at 1:24 pm #1178993I’m also looking for a way to achieve this. I have a color section with a video background that, using the various solutions mentioned in these forums no longer loops but disappears completely when playback completes. I need it to stop on the final frame.
Any solution for this yet?
Thanks
January 30, 2020 at 4:38 am #1179677Hi,
Thank you for the inquiry.
Are you using a self hosted video? You should be able to pause or stop the video on a specific time or frame using a custom script.
Example:
// https://stackoverflow.com/questions/19355952/make-html5-video-stop-at-indicated-time
// https://www.w3schools.com/tags/av_met_pause.asp
// https://www.w3schools.com/tags/av_prop_currenttime.aspBest regards,
IsmaelJanuary 30, 2020 at 12:40 pm #1179802hey there,
Site and Password in the private content section…
- This reply was modified 4 years, 10 months ago by hoibi1984.
January 31, 2020 at 10:18 am #1180201Hi,
Thank you for the update.
Looks like you’re trying to implement the script, but it’s not working yet. You can use the wp_head or the wp_footer hook to insert additional scripts in the markup. Please check the documentation below.
// https://kriesi.at/documentation/enfold/add-custom-js-or-php-script/#add-a-script-to-head-section
Best regards,
IsmaelFebruary 5, 2020 at 12:48 pm #1181735Hey there!
thx for your help.
i found a solution now. maybe it´s not the best way, but it works!
this is the script:
<script>
var x = document.getElementsByClassName(“avia_video”);var i;
for (i = 0; i < x.length; i++) {x[i].addEventListener(“timeupdate”, function(){
if(this.currentTime >= 10) {
this.pause();
}
});
}</script>
BR
TomFebruary 7, 2020 at 10:18 am #1182260 -
AuthorPosts
- You must be logged in to reply to this topic.