wordpressで動画を埋め込むときの前後のコードを編集したい

前回の質問が解決し、wordpressで自作したサイトないのすべての動画を

HTML
1<video controls src="http://video.mp4"></video>

から

HTML
1<video id="my-video" class="video-js" controls="" preload="auto" width="640" height="264" data-setup="{}">
2    <source src="video.mp4" type="video/mp4">
3
4            To view this video please enable JavaScript, and consider upgrading to a web browser that
5    <a href="https://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
6</video>

へ変換します。
これからアップロードする動画もこの形式で投稿するため、動画パスの前後をペーストできるような方法やプラグインは存在しますか？あれば教えていただけると幸いです。

行動規範の内容に同意します

回答2件

定型文ということであれば、ショートコードを作成するという手を使うのが良いでしょうか。

関数リファレンス/add_shortcode 参照

function myvideo_226622( $atts ) {
    $video = $atts['url'];

    $result = '<video id="my-video" class="video-js" controls="" preload="auto" width="640" height="264" data-setup="{}">';
    $result .= '<source src="'. $video . '" type="video/mp4">';
    $result .= 'To view this video please enable JavaScript, and consider upgrading to a web browser that ';
    $result .= '<a href="https://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>';
    $result .= '</video>';

    return $result;
}
add_shortcode( 'myvideo_226622', 'myvideo_226622' );

のような感じで定義すれば、投稿画面で、

[myvideo_226622 url="http://example.com/video.mp4"]

と記載すると　投稿画面では、ショートコードのままですが、HTML の表示時には、

<video id="my-video" class="video-js" controls="" preload="auto" width="640" height="264" data-setup="{}">
    <source src="http://example.com/video.mp4" type="video/mp4">
    To view this video please enable JavaScript, and consider upgrading to a web browser that
    <a href="https://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
</video>

のような感じで展開されます。

投稿2019/12/28 10:55