Hey @dkneidhart,
Thanks for getting in touch!
That’s not going to be possible out of the box. But you can add the snippet below to add one.
.fl-video-poster {
position: relative;
}
.fl-video-poster:before {
content: '';
display: block;
position: absolute;
height: 80px;
width: 80px;
top: 50%;
left: 50%;
margin-top: -40px;
margin-left: -40px;
background: url(http://localhost/wp-includes/js/mediaelement/mejs-controls.svg) no-repeat;
background-position: 0 -39px;
}
You can place it under Tools > Layout CSS/JS > CSS on the page itself so it only gets added there. And you’ll need to replace http://localhost with your site’s URL. 🙂
Ben
-
This reply was modified 1 year, 3 months ago by
Ben Carlo.
-
This reply was modified 1 year, 3 months ago by
Ben Carlo.
Thank you so much!! That worked great. Is there a way to do the slight change that occurs on hover for the videos that have “Show Video on Lightbox” set to no? I can’t tell if it’s a opacity change or what.
Hey @dkneidhart,
The snippet below should do it! 🙂
.fl-video-poster:hover:before {
background-position: -80px -39px;
}
Ben
Thank you again so much it worked perfectly!!
No worries at all, @dkneidhart!
Have fun with BB! 🙂