почему iframe не содержится в Flexslider & gt; Ли родитель?

Я использую flexslider и пользовательские записи в WordPress для отображения слайдеров (следующий подход описан в https://code.tutsplus.com/articles/create-a-responsive-slider-plugin-with-flexslider-for-wordpress—wp-21839 ). Он отлично работает с изображениями, поэтому я решил попробовать другой контент, не содержащий изображений, включая iframe. Проблема в том, что iframe вырывается из контейнера flexslider. Вот код, который генерирует слайдер:

function efs_get_slider_four(){

$sliderfour= '<div class="flex-container"><div class="flexslider2"><ul class="slides">';

GLOBAL $post;

$efs_query_four= "post_type=slider-image-four";
query_posts($efs_query_four);

if (have_posts()) : while (have_posts()) : the_post();
$sliderfour.='<li>'. the_content() .'</li>';
endwhile; endif;

wp_reset_query();

$sliderfour.= '</ul></div></div>';

echo $sliderfour;
}

Есть два поста типа post_type ‘slider-image-four’, и один из них имеет такой контент:

<div class="iframe-container"><iframe style="border: 0;" src="https://reviews.com/vs/reviews/ourplace" scrolling="no"></iframe></div>