web-dev-qa-db-fra.com

Comment appliquer un ID à l'iframe Shortcode Embedded

Je veux ajouter un id="myid" à un iframe intégré en shortcode: -

$video_url = get_post_meta($post_id, 'video_url',true);
//or
$video_url .= 'video url';
$check_embeds=$GLOBALS['wp_embed']->run_shortcode( '[embed]'. $video_url .'[/embed]' );
echo $check_embeds;

Ce code m'aide à afficher la vidéo via une méta-boîte personnalisée en utilisant simplement une URL de vidéo. Et en plus, je veux ajouter un identifiant à iframe ici, exemple: - <iframe id="myid" src=""></iframe> like this. Quelqu'un peut-il m'aider à résoudre le problème?

shortcodeembedyoutubeoembed
1
Krishna Karki

1.- Ajoutez ceci au fichier de fonctions de votre thème enfant:

add_filter("embed_oembed_html", function( $html, $url, $attr ) { 
    if ( !empty( $attr['id'] ) ) {
        $html = str_replace( "<iframe", sprintf( '<iframe id="%s"', $attr['id'] ), $html );
    }
    return $html;
}, 10, 3);

2.- Utilisez maintenant [embed id="myid"] en appliquant l'attribut ID dans le shortcode.

$check_embeds=$GLOBALS['wp_embed']->run_shortcode(
    '[embed id="myid"]'. $video_url .'[/embed]'
);

J'espère que cela pourra aider.

0
Samuel Elh

Puisque vous parlez d'utiliser un <iframe> pour intégrer l'URL de la vidéo, j'ai décidé d'adopter une approche différente au lieu d'utiliser WordPress ' [embed] shortcode et de créer mon propre shortcode [iframe] (à ajouter à votre functions.php):

add_shortcode( 'iframe', 'wpse_237365_iframe_shortcode' );

function wpse_237365_iframe_shortcode( $iframe ) {
    $tags = array( // Default values for some tags
        'width' => '100%',
        'height' => '450',
        'frameborder' => '0'
    );

    foreach ( $tags as $default => $value ) { // Add new tags in array if they don't exist
        if ( !@array_key_exists( $default, $iframe ) ) {
            $iframe[$default] = $value;
        }
    }

    $html = '<iframe';
    foreach( $iframe as $attr => $value ) { // Insert tags and default values if none were set
        if ( $value != '' ) {
            $html .= ' ' . esc_attr( $attr ) . '="' . esc_attr( $value ) . '"';
        }
    }
    $html .= '></iframe>';
    return $html;
}

Pourquoi ne pas travailler avec le shortcode [embed]?

Le code que j'ai fourni ci-dessus vous permet non seulement d'ajouter votre attribut id=, mais également tous les autres attributs que vous prévoyez d'ajouter, ce qui vous donnera beaucoup plus de flexibilité.

Exemple de code court 1 

[iframe src="https://link.to/video" id="my-id-here" width="100%" height="500"]

Te donnera:

<iframe src="https://link.to/video" id="my-id-here" width="100%" height="500" frameborder="0"></iframe>

Exemple de code court 2

Vous pouvez même créer des attributs si besoin est:

[iframe src="https://link.to/video" scrolling="yes" custom-tag="test"]

Te donnera:

<iframe src="https://link.to/video" scrolling="yes" custom-tag="test" width="100%" height="450" frameborder="0"></iframe>
0
Ethan Jinks O'Sullivan