Image over image

  • 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="https://youtu.be/BV5t0wixk34"><img alt="" src="https://tinyurl.com/aw5fw58" width="575" height="330" /></a></div>
<div style="position: absolute; left: 200; top: 100;"><img alt="" src="https://brycerafflesound.com/images/play.png" /></div>
</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.

Viewing 2 replies - 1 through 2 (of 2 total)
  • AJ

    (@akwasiijunior)

    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 ?

    Thread Starter brycerafflesound

    (@brycerafflesound)

    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.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Image over image’ is closed to new replies.