lightbox2 icon indicating copy to clipboard operation
lightbox2 copied to clipboard

Published 20 hours ago • verified publisher icon lokesh

Added embed video feature

Open peppertom opened this issue 8 years ago • 9 comments

peppertom avatar Jan 13 '17 14:01 peppertom

This works pretty well, except the play button (YouTube) isn't really clickable without some real precision. Example: https://www.screencast.com/t/B2Ha5SHj

miyagisan221b avatar Feb 08 '17 04:02 miyagisan221b

Thanks @miyagisan85, I really appreciate Your comment!

Actually my latest commit (02f0d6e) is about fixing the border (box-sizing) and in update navigation styles over video (d66b03d) I updated the video navigation so that the video could easily be controlled.

Please find my gif in which I highlight the nav areas and the YouTube play button.

http://i.imgur.com/q9dJS1V.gifv

peppertom avatar Feb 08 '17 09:02 peppertom

Ahh - it appears I downloaded the wrong version. I must have had a moment and thought the latest commit was at the top. Good show @peppertom, it appears to be working perfectly now. Hopefully this is merged in with the main project soon.

miyagisan221b avatar Feb 09 '17 06:02 miyagisan221b

thanks @miyagisan85

peppertom avatar Feb 13 '17 17:02 peppertom

Hi @lokesh, any plans for merging this? Video support would be a great addition to the library.

Luc45 avatar Jan 27 '19 13:01 Luc45

No plans to merge this in to Lightbox v2 as the project is in maintenance mode and I'm not making significant changes besides fixing bugs. I do appreciate the PRs and hopefully people can pick through the code they need in their personal fork.

I am considering video support for the next major release but that is still in brainstorming mode and without a timeline.

lokesh avatar Apr 21 '19 22:04 lokesh

thankyou verry much for adding this feature.. but can i set deactivate autoplay video after i click the image?

awannawa avatar Oct 24 '19 02:10 awannawa

Can someone help me?

I tried lightbox code but it does not pop up the youtube video. Instead it opens the youtube website.

<a href="LINK YOUTUBE VIDEO" class="image-1"><div class="thumb"> <div class="hover-effect"> <div class="hover-content"> <h1>NAME <em>NAME</em></h1> <p>SUBTITLE</p> </div> </div> <div class="image"> <img src="img/portfolio_item_4.png"> </div> </div></a></a> </div>

Catarina6 avatar Mar 03 '21 11:03 Catarina6

@Catarina6 Please check out the example: https://github.com/peppertom/lightbox2/blob/master/examples/video.html

peppertom avatar Mar 04 '21 07:03 peppertom