Revolution Slider Background Video Not Working In Safari

Home Forums Jevelin Theme Revolution Slider Background Video Not Working In Safari

Home Forums Jevelin Theme Revolution Slider Background Video Not Working In Safari

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
  • I set a video as background for my home page slider it works on all browsers except Safari. Not sure if i missed any options or setting. Thanks

     

     

    Hi @moudy3000,

     

    I hope you are well today and thank you for your question.

     

    It seems server and video file type related issue so could you please try resolving it as described in the following topic.

     

    https://theme.co/apex/forums/topic/slider-revolution-background-video-not-working-in-safari/#post-901040

     

    Best regards,
    Shufflehound team

    I’m using a youtube video for my slider background that didn’t solve it

    So when i inspect the website in safari i get this

    <iframe type=”text/html” src=”https://www.youtube.com/embed/PCczUbJS-sY?version=3&amp;enablejsapi=1&amp;html5=1&amp;hd=1&amp;wmode=opaque&amp;showinfo=0&amp;rel=0;;origin=http://internationalcuts.ca;&amp;controls=0&amp;start=0&amp;end=49″ width=”100%” height=”100%” style=”opacity: 0; visibility: hidden; width: 100%; height: 117.9140625%; position: absolute; left: 0px; top: -8.95703125%; display: block;” class=”resizelistener” id=”iframe7961″></iframe>

     

    as you can see opacity is 0 and visibility is hidden. but in any other browser this is what i get. opacity is 1 and visibility = inherit.

    <iframe type=”text/html” src=”https://www.youtube.com/embed/PCczUbJS-sY?version=3&amp;enablejsapi=1&amp;html5=1&amp;hd=1&amp;wmode=opaque&amp;showinfo=0&amp;rel=0;;origin=http://internationalcuts.ca;&amp;controls=0&amp;start=0&amp;end=49″ width=”100%” height=”100%” style=”opacity: 1; visibility: inherit; width: 111.111%; height: 100%; position: absolute; top: 0px; left: -5.55556%; display: block;” class=”resizelistener” id=”iframe32674″></iframe>

    once i change the styling in safari it shows the video in the background but it won’t play and then i click the home button it will reload the website and the video will play. i don’t know whats stopping the video from playing when i first load the website so hoping your developers can figure it out. Attached a screen shot .

    Attachments:
    You must be logged in to view attached files.

    This can be due to plugin conflict on your site so please try temporary deactivating all plugins except Unyson & Revolusion slider plugins and see whether everything works fine and then enable the plugins one by one to see which plugin is conflicting if any.

     

    Also try resolving it by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    .home .rev_slider iframe {
        opacity: 1 !important;
        visibility: inherit !important;
    }

    Something is still stopping the video from playing in safari. It shows as a black screen in the background. If i press the Home button few time eventually it works but doesn’t work on the first load.

    Please make sure you are using latest version of Safari browser and also try clearing the browser cache.

    i cleared bowser cache, cookies and i’m using the latest version. Still having the same issue maybe really check this time what’s causing the issue and send me a solution. Thanks

    Hi there,

     

    This looks like Slider Revolution plugin specific issue, therefore it is harder for us to find the issue and fix it.

     

    Can you please tell us if you are using this method bellow to add YouTube video? (please see the attachment)

     

    Best regards,

    Shufflehound team

    Attachments:
    You must be logged in to view attached files.
Viewing 9 posts - 1 through 9 (of 9 total)