We have a few places on our site where we'd like to have a button or display an image that is clickable, whereupon clicks, a video modal window would appear. Is there a native tool for this?
I found this resource:
- jquery version - https://appleple.github.io/modal-video/
- react version - https://appleple.github.io/react-modal-video/
I was hoping to collaborate with some of our more developer savvy Telligent peers to see how this could be implemented so I, and other Telligent users, can leverage this on our sites!
Scenario:
Let's say that I have an image on my page, and the following code (below). I want to make that image clickable, and make it so when a viewer clicks it, a video modal will pop open and start playing. What's the next step at being able to implement that Modal Video tool referenced above?
CSS:
img:active {
opacity: .8;
}
img:hover {
cursor: pointer;
}
HTML:
<img src="https://picsum.photos/200/300/">
