Image over image (3 posts)

  1. brycerafflesound
    Posted 3 years ago #

    So, I'm trying to add a play button (image) over top of a thumbnail image - the image opens up a youtube video in a fancybox overlay (using Easy Fancybox)...

    The code seems to work - in visual mode it displays properly - but when I update my page, the play button image doesn't show up. I've tried the code with just the images and no fancybox and no luck there either - so I don't think it's an issue with the plugin.

    Any help would be appreciated.

    <div style="position: relative; left: 0; top: 0;">
    <div><a class="fancybox-youtube" href="http://youtu.be/BV5t0wixk34"><img alt="" src="http://tinyurl.com/aw5fw58" width="575" height="330" /></a></div>
    <div style="position: absolute; left: 200; top: 100;"><img alt="" src="http://brycerafflesound.com/images/play.png" /></div>

    Alternatively, if anyone knows a great video player plugin that would allow me to use custom thumbnails, custom player skins, and can play vimeo or youtube vids, I would be open to that as well.

  2. AJ
    Posted 3 years ago #

    I suggest that you edit the thumbnail in a image processor (photoshop) with the play button on top of the thumbnail, then use easy fancybox to open the PAGE that has the video inbedded in a fancybox on top of the page where you have inserted the thumbnail.

    do you get me ?

  3. brycerafflesound
    Posted 3 years ago #

    Thanks for the reply. Really appreciate your time and the suggestion. Actually, that idea had occurred to me, but that's exactly what I was hoping to avoid having to do.

    If there is some way to do this with code or with a plugin rather than Photoshop, that would be much preferable - particularly because I post quite regularly and don't want to have to open Photoshop every time I post a new video.

Topic Closed

This topic has been closed to new replies.

About this Topic