Help get this topic noticed by sharing it on Twitter, Facebook, or email.

Lightbox shortcode issue

I had an issue before with the HTML for getting the lightbox feature to work...but now that I see there is the little "SV" short code button next to "Upload/Insert"...that helps. However, problem now seems to be the link. The light box work now, just like I wanted it to, but what gets clicked to open the video in the light box is what I am having an issue with. The short code is as follows:

[sublimevideo-lightbox poster="http://members.stocksniperpro.com/wp-..." src1="http://members.stocksniperpro.com/cou..." width="640" height="360"]<>[/sublimevideo-lightbox]

(see the screen shot attached below for exactly how this short code appears on in my Wordpress editor)

BUT see where I put <>? That is all that shows and one has to click that to open the light box video. There's no poster frame, despite it seeming like it's indicated by the "http://members.stocksniperpro.com/wp-..."

What I would like ideally is to have a "watch now" icon/button image be what people click to open the light box.

So, just to be clear, the light box video does open and play just as I want it to. But, it's the link that is the issue. I don't really like how I have the <> hyperlink...and would rather have it be a clickable image. I would try making the red "watch now" button be the poster frame to see if that worked but, it seems the poster frame feature is not working.

Thanks for your help!

Chris

1 person has
this problem
+1
Reply
  • Hi Chris,

    You actually have to insert the image between [sublimevideo-lightbox ...] and [/sublimevideo-lightbox], as explained in our documentation: http://docs.sublimevideo.net/wordpres...

    The "poster" attribute is used only in videos that aren't in lightbox, before the user clicks the play button.

    So in your case, the code you should have should look like this:

    [sublimevideo-lightbox poster="http://members.stocksniperpro.com/wp-content/uploads/2012/06/dvd_cover_01.jpg" src1="http://members.stocksniperpro.com/coursevideos/mod1/file4/SSPVideoFile4.mp4" width="640" height="360"]<img src="http://members.stocksniperpro.com/wp-content/uploads/2012/06/dvd_cover_01.jpg" />[/sublimevideo-lightbox]


    Note that if you insert the image using the “Add Media” button, WordPress will add more attributes to the img element, you should leave them as they are.

    I hope that helps.
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. kidding, amused, unsure, silly indifferent, undecided, unconcerned sad, anxious, confused, frustrated happy, confident, thankful, excited