Navigation
Archive / Issue with bg video on iphone
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • January 6, 2017 at 4:07 pm #1319366
    danbfx2
    Participant

    I am trying to use a html5 background video with the revolution slider. I know that the video will not play on mobile devices, but on the iphone, I am getting a grey circle over the poster image. It is fine on the ipad though. Here is the url of the page: http://big3d.co/home-1/ We are using wp 4.6.1, X version 4.6.4 and Cornerstone 1.3.3 and I am attaching a screenshot from the iphone. Any help with this would be greatly appreciated. Thanks

    January 7, 2017 at 1:10 am #1319892
    Rad
    Moderator

    Hi there,

    Thanks for writing in.

    Please add this CSS to Admin > Appearance > Customizer > Custom > CSS

    *::-webkit-media-controls-panel {
  display: none!important;
  -webkit-appearance: none;
}
*::--webkit-media-controls-play-button {
  display: none!important;
  -webkit-appearance: none;
}
*::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none;
}

    Hope this helps.

    January 10, 2017 at 10:30 am #1324115
    danbfx2
    Participant

    Yes, that worked. Thank you for your help

    January 10, 2017 at 11:04 am #1324179
    Prasant Rai
    Moderator

    You are most welcome. 🙂

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1319366 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>