ShortCodes Ultimate su_post youtube – php

Hi,

im trying to make this ShortCodes Ultimate php-Template:

<div class="su-posts su-posts-default-loop">

	<?php if ( $posts->have_posts() ) : ?>
		<?php while ( $posts->have_posts() ) : $posts->the_post(); ?>
			<div id="su-post-<?php the_ID(); ?>" class="su-post">
				<?php if ( has_post_thumbnail( get_the_ID() ) ) : ?>
					<a class="su-post-thumbnail" href="<?php the_permalink(); ?>"><?php the_post_thumbnail(); ?></a>
				<?php endif; ?>			
				<h2 class="su-post-title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
				<div class="su-post-meta">
					<?php _e( 'Posted', 'shortcodes-ultimate' ); ?>: <?php the_time( get_option( 'date_format' ) ); ?>
				</div>
				<div class="su-post-excerpt">
					<?php the_excerpt(); ?>
				</div>
				<a href="<?php comments_link(); ?>" class="su-post-comments-link"><?php comments_number( __( '0 comments', 'shortcodes-ultimate' ), __( '1 comment', 'shortcodes-ultimate' ), '% comments' ); ?></a>
			</div>
		<?php endwhile; ?>
	<?php else : ?>
		<h4><?php _e( 'Posts not found', 'shortcodes-ultimate' ); ?></h4>
	<?php endif; ?>
</div>

to insert also the youtube video from my posts.

The Youtube-Video is embeded on my Site like this:

<div class="elementor-container elementor-column-gap-default">
			<div class="elementor-row ui-sortable"><div data-id="937fe09" data-element_type="column" class="elementor-element elementor-element-edit-mode elementor-element-937fe09 elementor-element--toggle-edit-tools elementor-column elementor-top-column ui-resizable" data-col="100" data-model-cid="c220">
					<div class="elementor-element-overlay">
			<ul class="elementor-editor-element-settings elementor-editor-column-settings">
									<li class="elementor-editor-element-setting elementor-editor-element-edit ui-sortable-handle" title="Bearbeiten">
						<i class="eicon-column" aria-hidden="true"></i>
						<span class="elementor-screen-only">Bearbeiten</span>
					</li>
							</ul>
			<div class="elementor-column-percents-tooltip">100.0%</div>
		</div>
				<div class="elementor-column-wrap elementor-element-populated">
			<div class="elementor-background-overlay"></div>
			<div class="elementor-widget-wrap ui-sortable"><div data-id="da2ce94" data-element_type="widget" class="elementor-element elementor-element-edit-mode elementor-element-da2ce94 elementor-element--toggle-edit-tools elementor-widget elementor-widget-video elementor-aspect-ratio-169" data-model-cid="c539" data-widget_type="video.default">		<div class="elementor-element-overlay">
			<ul class="elementor-editor-element-settings elementor-editor-widget-settings">
									<li class="elementor-editor-element-setting elementor-editor-element-edit" title="Bearbeiten">
						<i class="eicon-edit" aria-hidden="true"></i>
						<span class="elementor-screen-only">Bearbeiten</span>
					</li>
							</ul>
		</div>
				<div class="elementor-widget-container">
					<div class="elementor-wrapper elementor-fit-aspect-ratio elementor-open-inline">
			<iframe class="elementor-video-iframe" allowfullscreen="" src="url"></iframe>		</div>
				</div>
		</div></div>
		</div>
				<div class="ui-resizable-handle ui-resizable-e" style="z-index: 90; display: block;"></div></div></div>
		</div>

I would be very thankfull if sombody could help me with this issue.