Video not loading automatically

  • Hi,

    I have video on my front page and when some one go to webpage video not starting to play but when some one click “Home” video loading and playing fine.

    How to fix that first loading problem?

    Thank you, Kret.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hi @kretdeplorable,

    Looking at the behavior of how your video is being handled by your theme shows that it is currently being ‘lazy loaded’ by SiteGround Speed Optimizer Plugin. This could be the reason the video is not playing at initial loading.

    I recommend reaching out to your hosting provider (assuming it is SiteGround) about this plugin and the needed settings to modify.

    Best regards,
    Niko

    Thread Starter kretdeplorable

    (@kretdeplorable)

    Hi Nico,

    Thank you for your response, i did fallow you advice and did contact SiteGround and they did try to help me but no luck.

    atm i have ‘Lazy Load Media’ disables, we did try disable as well ‘Speed Optimization’ and look on they end but no luck.

    do you have any other recommendations about my issue ?

    Thank you, Kret.

    You can’t autoplay it with sound:

    Automatically starting the playback of audio (or videos with audio tracks) immediately upon page load can be an unwelcome surprise to users. While autoplay of media serves a useful purpose, it should be used carefully and only when needed. In order to give users control over this, browsers often provide various forms of autoplay blocking.

    Autoplay blocking is not applied to <video> elements when the source media does not have an audio track, or if the audio track is muted. Media with an active audio track are considered to be audible, and autoplay blocking applies to them. Inaudible media are not affected by autoplay blocking.

    MDN — Autoplay guide for media and Web Audio APIs

    Hello @kretdeplorable, I have seen your site on my end, and I have a solution for this. Please use the following code for the video.

    <style>     
@keyframes delayVideo {
        to {
            opacity: 1;
            visibility: visible;
        }
    }

    #myVideo {
        opacity: 0;
        visibility: hidden;
        animation: delayVideo 2s forwards;
    } </style> 

<video id="myVideo" autoplay muted playsinline loop poster="https://deplorables.online/wp-content/uploads/2023/12/The_Deplorables_Logo_black.jpg">     <source src="https://deplorables.online/wp-content/uploads/2023/12/The-Deplorables-HD-24FPS.mp4" type="video/mp4">     Your browser does not support the video tag. </video>
    Thread Starter kretdeplorable

    (@kretdeplorable)

    Thank you Ashutosh and adityagupta889 for tour resound and help. i did mute that audio from that video and is running ok now.

    if i cant run audio i can live with out it, thanx again for your help.

    <figure class="wp-block-video" style="margin-top:var(--wp--preset--spacing--80);margin-right:0;margin-bottom:var(--wp--preset--spacing--80);margin-left:0"><video autoplay muted src="https://deplorables.online/wp-content/uploads/2023/12/The-Deplorables-HD-24FPS.mp4" playsinline></video></figure>

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Video not loading automatically’ is closed to new replies.