WordPress.org

Ready to get started?Download WordPress

Forums

JW Player for Flash & HTML5 Video
Overlapping (6 posts)

  1. l7world.com
    Member
    Posted 1 year ago #

    If an image uses float and the wrap text does not extend past image the JWplayer DIV will slide up even if the player can't fit in that space. The div then over overlaps image and caption or possible another video and prevents clicking them (links or buttons).

    Only option seems to be adding lines or line breaks.

    the div will also extend left or right if empty space though that less of a concern.

    Anyway hopefully there is or will be a fix to keep div and wrapper and player together.

    http://wordpress.org/extend/plugins/jw-player-plugin-for-wordpress/

  2. JW Player
    Member
    Plugin Author

    Posted 1 year ago #

    Do you have an example of this issue ?

  3. l7world.com
    Member
    Posted 1 year ago #

    No cause I fixed it with line break and I don't want to post broken page. The problem is easily duplicated because it occurred to two of my sites with different themes.

    Just float an image that is 1/2 width of page make it a link and or link a caption.
    Write a single line of text to wrap.
    make a player that is more than 1/2 the page width and therefore shouldn't wrap around image.

    The div / wrapper (jwplayer-1-div) will slide up to text and block some or most of image being clickable, which you can physically see in firebug.

  4. JW Player
    Member
    Plugin Author

    Posted 1 year ago #

    Do you have a sample post that does that? I can test it locally...

  5. l7world.com
    Member
    Posted 1 year ago #

    HERE: http://l7world.com/jwplayer-overlap

    jwplayer-1_wrapper separates from player not only does it block linked image and caption, it also messes player, which now overlaps object below in this case shareaholic plugin.

  6. JW Player
    Member
    Plugin Author

    Posted 1 year ago #

    I see this. I wouldn't think the player would do this out of the box though. It seems to only happen in this specific case when you are using this combination of CSS though.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic