Add a play button to lightbox video – Themeco Community

Add a play button to lightbox video

carbagby — Wed, 06 May 2015 16:06:33 +0000

I am adding a video to my homepage that opens as a lightbox. From the static thumbnail, you can’t tell it’s a video to play so I want to add a hovering and responsive play button. I tried to add an icon, but that didn’t work. Any suggestions??

Reply To: Add a play button to lightbox video

Friech — Wed, 06 May 2015 21:26:03 +0000

Hi There,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Cheers!

Reply To: Add a play button to lightbox video

carbagby — Wed, 06 May 2015 23:47:15 +0000

http://52.5.44.33/wordpress

Reply To: Add a play button to lightbox video

carbagby — Wed, 06 May 2015 23:50:13 +0000

http://52.5.44.33/wordpress thank you!!

Reply To: Add a play button to lightbox video

Rad — Thu, 07 May 2015 03:32:12 +0000

Hi there,

Please add this css at your child theme’s style.css (not customizer)

a.x-video-icon {
position: relative;
}
a.x-video-icon:before {
content: "\f01d";
position: absolute;
font-family: "FontAwesome";
font-size: 150px;
top: 10%;
left: 38%;
color: rgba(255, 255, 255, 0.5);
}
a.x-video-icon:hover:before {
color: rgba(255, 255, 255, 1);
}

Then add x-video-icon at your image shortcode’s class attribute/option.

Eg. [image class="x-video-icon"]

Hope this helps.