Support » Developing with WordPress » Customizing the wp_video_shortcode output with add_filter

  • I am trying to add onmouseover="this.play()" onmouseout="this.pause()" to the default <video element in WordPress. I am using Gutenberg block editor.

    By default, this is what the output from the video block looks like in HTML:

    <video src="https://example.com/wp-content/uploads/2021/05/sample-video.mp4"></video>
    I want it to be like this:

    <video onmouseover="this.play()" onmouseout="this.pause()" src="https://example.com/wp-content/uploads/2021/05/sample-video.mp4"></video>

    I want to add the onmouseover="this.play()" onmouseout="this.pause()" to the default video element.

    I have tried the below filter but it’s not working:

    add_filter( 'wp_video_shortcode', function( $output ) {
        $output = str_replace( '<video', '<video onmouseover="this.play()" onmouseout="this.pause()"', $output );
        return $output;
    } );

    Am I doing something wrong? Any help would be greatly appreciated.

    Thanks.

Viewing 2 replies - 1 through 2 (of 2 total)
Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.