Okay
  Public Ticket #3127705
Video preload
Closed

Comments

  • Oriol started the conversation

    Hello! My name is Oriol.

    I'm having problems with the template because I want to be the bg video loaded with the preload percentage because now the pages shows up and the background video is not loaded properly. As result, the video is pretty choppy at the beginning, I tried to optimize the video as much as I could, but I would love to be able to have the video completely loaded before show all the page. 

    I’ve tried to add this code on scripts.js that I saw on the internet but it doesn't seems to work.

    videoloop = document.getElementById('video_loop');

    videoloop.addEventListener("progress", function() {     // When buffer is 1 whole video is buffered     if (Math.round(videoloop.buffered.end(0)) / Math.round(videoloop.seekable.end(0)) === 1) {       // Entire video is downloaded    }   }, false);

    Here's my div:

     <div id="hero-bg-wrapper">                     <div id="hero-image-parallax">                         <div id="hero-bg-image" style="background-image:url(images/home_reel_bg.jpg)">                             <div class="hero-video-wrapper">                                 <video loop muted class="bgvid" preload="auto" id="video_loop">                                     <source src="images/projects/oriolreina_webloop.mp4" type="video/mp4">                                 </video>                             </div>                         </div>                     </div>                 </div>                                         <!--/Hero Section -->  

    Is there any other option to have the video completely loaded before showing the page? 

    Thank you very much, 

    Oriol

  •  1,778
    Support replied

    Hello,

    Plz contact the author directly regarding the HTML template you bought.

    https://themeforest.net/user/clapat

    This support forum is dedicated only to WordPress themes and we lack the expertise to help you with HTML templates. You may get a faster answer if you post your question to the template's comments dashboard.

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy