video is section showing weird ‘carousel’ under vid.

  • Hi! my website, [ redundant link removed ], plays a video at the top of the page. Periodically, the viewer will get a flash of a black bar under the video, which appears to have imagery in it. This isn’t visible all the time. And, if I right click on it, it disappears. I tried reviewing the settings in Youtube but I don’t see any way to shut this off.

    thanks

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

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

  • Sorry, commercial themes are not supported here – Your issue is not WordPress related. Please get support from the theme developer here https://mageewp.com/documents/

    Thread Starter terrie1103

    (@terrie1103)

    The theme says it’s not theme related and to go here!

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    How do you embed the video? (By the way, WOW! That helmet is WAY COOL!)

    Thread Starter terrie1103

    (@terrie1103)

    Thank you for the thumbs up on the helmets!

    We have the video embedded from youtube. I looked and i do not see any settings in youtube that would make this happen. It is random and it’s weird. If I am on the website, I only see that black bar for a second. If I click off of the website into another window, it stops the video and the black bar appears. Go back to the website, the video plays and the bar vanishes. If I try to right click on the bar, it disappears. I’m at a total loss. I think I might have to self host the video. i hate to do that, because it causes a delay in play. Thank you for helping!

    I have found the carousel, it’s from YouTube.

    Your homepage is embedding an iframe code from YouTube:

    <iframe id="mbYTP_onetone-youtube-video" class="playerBox" style="position: absolute; z-index: 0; width: 1587px; height: 893px; top: 0px; left: 0px; overflow: hidden; opacity: 1; user-select: none; margin-top: 0px; margin-left: -50.5px; transition-property: opacity; transition-duration: 1000ms;" frameborder="0" allowfullscreen="1" allow="autoplay; encrypted-media" title="YouTube video player" width="640" height="360" src="https://www.youtube.com/embed/U-eevbYmugc?modestbranding=1&autoplay=0&controls=0&showinfo=0&rel=0&enablejsapi=1&version=3&playerapiid=mbYTP_onetone-youtube-video&origin=https%3A%2F%2Fwww.sea-trek.com&allowfullscreen=true&wmode=transparent&iv_load_policy=3&html5=1&widgetid=1" unselectable="on"></iframe>

    The YouTube URL is adding a div when the video pauses, which can happen for a variety of reasons. I found it’s easiest to recreate this issue when right clicking and clicking “Inspect” in Chrome, the video pauses, and you can consistently see the carousel.

    The div looks starts like this:

    <div class="ytp-pause-overlay ytp-scroll-min ytp-scroll-max" data-layer="4" style="">

    So, theoretically, you just need to display: none; that div, but it’s in your iframe. And not the same domain, so that will be challenging.

    Perhaps there is a setting from YouTube that you can disable the “more videos” pause overlay?

    Otherwise, this appears to be the right path for resolving this issue — I tried a variety of suggestions I found here, and they didn’t work by forcing styles into Chrome’s inspect tool, but you likely have more control at the page level than I do on the front end:

    https://stackoverflow.com/questions/44027851/how-to-remove-pause-menu-class-ytp-pause-overlay-from-youtube-embed

    Thread Starter terrie1103

    (@terrie1103)

    THANK YOU!!! I’m going to work with this and see if it works. Thank you so much!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘video is section showing weird ‘carousel’ under vid.’ is closed to new replies.

Tags