WordPress.org

Ready to get started?Download WordPress

Forums

Optin Revolution: WordPress Popup
[resolved] Overlapping of background video (5 posts)

  1. imobilesite
    Member
    Posted 1 year ago #

    I've just installed and setup the popup on my company's site but on the homepage, the video overlaps onto the popup.

    Other pages (which doesn't have video, its shows fine and everything is working except on main homepage with the video. How do i resolve this pls?

    http://www.imobilesite.com (pls wait for 6 sec for popup to appear)

    http://wordpress.org/extend/plugins/optin-revolution/

  2. Optin Revolution
    Member
    Plugin Author

    Posted 1 year ago #

    The problem is not Optin Revolution but I'm guessing it's a YouTube video. YouTube embed video ignore the z-index.

    Add:

    ?wmode=transparent

    wmode="Opaque"

    See the example below.

    <iframe width="480" height="390" src="http://www.youtube.com/embed/-SHDzo3bzx4?wmode=transparent" frameborder="0" wmode="Opaque">

    Let me know if it fixes your problem.

  3. Optin Revolution
    Member
    Plugin Author

    Posted 1 year ago #

    Use this:

    <iframe src="http://www.youtube.com/embed/NOyorD6YKaU?rel=0&autoplay=1&wmode=transparent" frameborder="0" allowfullscreen="" id="fitvid433151" wmode="Opaque"></iframe>

  4. imobilesite
    Member
    Posted 1 year ago #

    That surely solved the problem :-) Thanks...

    BUT now I realized the video is not displaying in full screen meaning there are black borders on each side and also the play stop and pause bar at bottom.

    Is there a way to remove these so that the video can maximize the real estate space to the max while playing??

  5. Optin Revolution
    Member
    Plugin Author

    Posted 1 year ago #

    I expect a 5 star rating for Optin Revolution for this...:) Not really here to support YouTube.

    <iframe width="475" height="267" src="http://www.youtube.com/embed/NOyorD6YKaU?rel=0&autoplay=1&wmode=transparent" frameborder="0" allowfullscreen wmode="Opaque"></iframe>

    Don't know why you had id="fitvid433151" I copied it from your site just try the above.

    You might have to adjust the width and height.

    Standard size is width="560" height="315" just tweak to suit...

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic