embedding video and having it play in lightbox
I am having trouble embedding a series of videos on site. I have about 12 "thumbnail" images I want to use as placeholders. Upon clicking one of the thumbnails, I want a lightbox to open to play the video. Most are youtube videos. I just don't want user to leave site.
I tried using the muffin builder "video" and could not get that to work. I looked on forum and have trouble searching what I thought would be an easy solution. surprisingly, only 1 video result appeared in my search. I was able to use the pasted code, but cannot get the video to play. The lightbox works but the video does not play. here is the code I used:
<a href="#popup" rel="lightbox">
<img class="scale-with-grid" src="http://www.ashablake.com/wp-content/uploads/2021/02/news.png" alt="Play video" /></a>
![http://www.ashablake.com/wp-content/uploads/2021/02/news.png"](http://www.ashablake.com/wp-content/uploads/2021/02/news.png"){kind=link}
<div id="popup" style="display:none">
[video_embed video="https://youtu.be/gJVexO17Eos" parameters="" mp4="" placeholder="http://www.ashablake.com/wp-content/uploads/2021/02/news.png" html5_parameters="" width="700" height="400"]
</div>
Please advise
Comments
Hello,
If you want to play the video in lightbox after clicking on image, you just need to put the link to the video in Zoomed image section in Image item.
If this is not what you wanted to achieve, please, explain it to me greater on how it should work.
Thanks
I am trying to figure this out and it does not seem difficult, however, it is not working for me.
Here is what I want:
I have an image in the media library which I want to use as the video cover. when someone clicks the image, it should open a lightbox to play the youtube video.
Right now, I selected the "video" module in muffin builder. I pasted the youtube link in the top field entitled: YouTube or Vimeo | Video ID. Then I selected the image for the cover of the video in the form field entitled: HTML5 | Placeholder image.
It is not working. I will try to refresh cache again and experiment, but no luck yet
The cover image I selected is NOT showing up, nor is the video playing
got it - finally
thanks