以与图像字幕类似的方式添加视频描述

时间:2017-03-02 作者:Josh

我正在寻找一种解决方案,以添加一个简短的描述,以嵌入视频,将允许它的样式有点像一个用于图像。

我找到的唯一选择是使用JavaScript在图像后找到段落,并添加一个类,然后设置样式。这显然会导致人为错误,具体取决于图像后的内容。

1 个回复
最合适的回答,由SO网友:birgire 整理而成

看看新的WP Gutenberg 编辑器将处理短代码和嵌入。

如果您使用[embed] 用于嵌入的短代码,然后是一种半解决方案,没有UI支持:

[embed src="https://www.youtube.com/watch?v=jfNOdsvMke4" desc="some description"]
海关在哪里desc 这种包装器支持属性:

add_filter( \'embed_oembed_html\', function( $return, $url, $attr )
{
    if( ! isset( $attr[\'desc\']))
        return $return;

    return sprintf( 
        \'<div class="oembed-wrapper">%s<span>%s</span></div>\', 
        $return, 
        esc_html( $attr[\'desc\'] ) 
    );

}, 10, 3 );
然后需要使用一些CSS对其进行进一步调整。

ps:有很多方法可以将UI添加到快捷代码中,比如快捷键插件。