iframe not showing in content on blog page

Question

On the post editor field, I have added an iframe code. But on the frontend, it is not showing the content with the iframe code.

I have added the below code to print the excerpt on the blog page:

<?php echo get_post_field('post_content', $post['id']) ; ?>

It is not in the single post page, but I have tried to print the post content instead of excerpt on the Blog page.

Can you please point me where I am making the mistake?

Answer 1

By default, Wordpress strips html tags from the excerpt.

There is a previous question with a thorough answer which will help you implement this properly on this page.

Answer 2

I believe this will allow iframes through wp_kses_post, but I haven't personally tried it. source

/**
 * Add iFrame to allowed wp_kses_post tags
 *
 * @param array  $tags Allowed tags, attributes, and/or entities.
 * @param string $context Context to judge allowed tags by. Allowed values are 'post'.
 *
 * @return array
 */
function custom_wpkses_post_tags( $tags, $context ) {

    if ( 'post' === $context ) {
        $tags['iframe'] = array(
            'src'             => true,
            'height'          => true,
            'width'           => true,
            'frameborder'     => true,
            'allowfullscreen' => true,
        );
    }

    return $tags;
}

add_filter( 'wp_kses_allowed_html', 'custom_wpkses_post_tags', 10, 2 );

Just to flag though - due to a comment on this answer - this isn't the best way to go about adding video to post content. If you're using Gutenberg, there are native embed blocks, and post_content should be able to parse it without any security vulnerabilities. Or you could create an ACF block for your embed code using the acf oembed field, and utilize block parsing to create your excerpt.