web-dev-qa-db-fra.com

Ajout d'une description vidéo de la même manière qu'une légende d'image

Je cherche une solution pour ajouter une brève description à une vidéo intégrée qui lui permettra d'être stylée un peu comme celle utilisée pour les images.

La seule option que j'ai trouvée utilise JavaScript pour trouver le paragraphe après l'image et ajouter une classe qui est ensuite stylisée. Cela peut évidemment entraîner une erreur humaine en fonction du contenu après l'image.

videoscaptionsdescription
2
Josh

Il sera intéressant de voir comment le nouvel éditeur en évolution WP Gutenberg gérera les codes courts et les intégrations.

Si vous utilisez le shortcode [embed] pour l'intégration, une solution de contournement semi, sans prise en charge de l'interface utilisateur:

[embed src="https://www.youtube.com/watch?v=jfNOdsvMke4" desc="some description"]

où l'attribut personnalisé desc est pris en charge avec ce type d'encapsuleur:

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 );

Vous devrez ensuite l'ajuster davantage avec du CSS.

ps: il existe des moyens d’ajouter une interface utilisateur à des codes courts, comme le plugin Shortcake.

2
birgire