Mark Wilkinson

Hi there, great news and thanks for letting me know.

Hi Jaiji,

I think adding your own CSS for these use-cases is the best way forward. Everyone’s sites are going to be different at the end of the day.

Could you share the video URLs please? The thumbnails are cached for a day and therefore if you have changed them they may not change straight away.

Hi Patrick,

Thanks for the suggestion and it certainly sounds like a sensible approach to me.

This is something that you could achieve yourself with just a little code. The play button, like the rest of the markup is added using a callback function on the hd_bcve_video_thumbnail_markup hook.

This means that you could easily unhook the plugins callback that adds the play button.

remove_action( 'hd_bcve_video_thumbnail_markup', 'hd_bcve_add_video_play_button', 20, 4 );

Then you could hook something in which adds your button. For example:

/**
 * Adds the play button div to the markup.
 *
 * @param array  $block           The block array.
 * @param string $video_id        The ID of the embedded video.
 * @param string $thumbnail_url   The URL of the video thumbnail.
 * @param array  $wrapper_classes An array of CSS classes to add to the wrapper.
 */
function prefix_add_video_play_button( $block, $video_id, $thumbnail_url, $wrapper_classes ) {

	?>
	<button class="play-button" aria-label="Play Video"></button>
	<?php

}

add_action( 'hd_bcve_video_thumbnail_markup', 'prefix_add_video_play_button', 20, 4 );

This would achieve the result you are after and then you could add the following lines of CSS, maybe in the customizer to style it.

.hd-bcve-wrapper .play-button {
    background-color: transparent;
    border: none;
}

I may well add something like this in the future, but for now the above should achieve the results you are looking for.

I can confirm that with Jetpack enabled and the “Compose using shortcodes to embed media from popular sites” module active, Vimeo embeds break.

However, have looked at the explanation of what that module is, it says.

Shortcodes are WordPress-specific markup that let you add media from popular sites. This feature is no longer necessary as the editor now handles media embeds rather gracefully.

Therefore I don’t really see a need for this module to be active, whilst using the Better Core Video Embeds plugin?

Is there a reason you need both active?

This seems to be working for me. Can you confirm the exact URL you are pasting into the editor please?