How to add overlay image and icon on oEmbed YouTube video? - Meta Box

This topic has 3 replies, 2 voices, and was last updated 2 years ago by Unakriti.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
December 7, 2022 at 6:02 PM #39582

Unakriti
Participant

Hi Support,

I am using the oEmbed custom field to accept a YouTube URL. To display the video embed, I am using MB Views shortcode.

Do you have a code snippet or a tutorial on how to overlay an image (from media library) and a "play" icon in the initial state and then remove the overlay elements, when clicked?

Kind regards,

Add New Note to this Reply

December 7, 2022 at 7:53 PM #39584

Unakriti
Participant

Here's an example

Imgur Link

Kind regards,

Add New Note to this Reply

December 9, 2022 at 9:11 AM #39627

Peter
Moderator

Hello,

This is beyond the scope support of Meta Box, if you are familiar with coding, you can follow this topic on StackOverFlow https://stackoverflow.com/questions/13725683/how-to-add-a-splash-screen-placeholder-image-for-a-youtube-video
or this article https://seehowsupport.com/wordpress/content-editor/add-your-own-thumbnail-to-youtube-videos/

Hope that helps.

Add New Note to this Reply

December 9, 2022 at 11:14 AM #39633

Unakriti
Participant

Thanks Peter.

This might make for a good MB tutorial and perhaps, a cool feature for the oEmbed field.

Appreciate the links - I will review these and follow along.

Kind regards,

Add New Note to this Reply
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.