erweiterung "Youtube iframe" erzeugt immer noch die alte art es einzubinden

**atomfried** · 26.02.2018, 16:13

hallo,

ich habe die erweiterung fritzmg/contao-youtube-iframe installiert in der hoffnung das danach die eingebetteten youtube videos so eingebunden werden.

Code:

<div class="ce_youtube first last block">
	<div class="embed-responsive embed-responsive-16by9">
		<iframe class="embed-responsive-item" width="640" height="360" src="https://www.youtube.com/embed/j0sYj4wxyk0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen=""></iframe>
	</div>
</div>

doch leider werden die videos weiterhin so eingebunden. hat jemand eine idee was bei mir das problem sein könnte?

Code:

<div class="ce_youtube col-md-12 last block">
	<h1>Vid</h1>
	<!-- indexer::stop --> 
	<span class="mejs-offscreen">Video Player</span>
	<div id="mep_1" class="mejs-container svg mejs-video" tabindex="0" role="application" aria-label="Video Player" style="width: 480px; height: 270px;">
		<div class="mejs-inner">
			<div class="mejs-mediaelement">
				<iframe class="me-plugin" id="me_youtube_1_container" allowfullscreen="1" allow="autoplay; encrypted-media" title="YouTube video player" src="https://www.youtube.com/embed/nsqh9jHkHlM?controls=0&amp;wmode=transparent&amp;enablejsapi=1&amp;origin=https%3A%2F%2Fwww.demarchibar.de&amp;widgetid=1" width="480" height="270" frameborder="0"></iframe>
				<video style="display: none;">
					<source type="video/x-youtube" src="https://www.youtube.com/watch?v=nsqh9jHkHlM" title="">
				</video>
			</div>
			<div class="mejs-layers">
				<div class="mejs-poster mejs-layer" style="display: none; width: 480px; height: 270px;"></div>
				<div class="mejs-overlay mejs-layer" style="display: none; width: 480px; height: 270px;">
					<div class="mejs-overlay-loading"><span></span></div>
				</div>
				<div class="mejs-overlay mejs-layer" style="display: none; width: 480px; height: 270px;">
					<div class="mejs-overlay-error"></div>
				</div>
				<div class="mejs-overlay mejs-layer mejs-overlay-play" style="width: 480px; height: 270px;">
					<div class="mejs-overlay-button"></div>
				</div>
			</div>
			<div class="mejs-controls mejs-offscreen" style="display: block;">
				<div class="mejs-button mejs-playpause-button mejs-play" style="">
					<button type="button" aria-controls="mep_1" title="Play" aria-label="Play"></button>
				</div>
				<div class="mejs-time mejs-currenttime-container" role="timer" aria-live="off" style=""><span class="mejs-currenttime">00:04</span></div>
				<div class="mejs-time-rail" style="width: 333.3px;"><span class="mejs-time-total mejs-time-slider" style="width: 323.3px;" aria-label="Time Slider" aria-valuemin="0" aria-valuemax="169.341" aria-valuenow="4.202812" aria-valuetext="00:04" role="slider" tabindex="0"><span class="mejs-time-buffering" style="display: none;"></span><span class="mejs-time-loaded" style="width: 32.1904px;"></span><span class="mejs-time-current" style="width: 8px;"></span><span class="mejs-time-handle" style="left: 3px;"></span><span class="mejs-time-float" style="display: none; left: 1.15002px;"><span class="mejs-time-float-current">00:00</span><span class="mejs-time-float-corner"></span></span></span></div>
				<div class="mejs-time mejs-duration-container" style=""><span class="mejs-duration">02:49</span></div>
				<div class="mejs-button mejs-volume-button mejs-mute" style="">
					<button type="button" aria-controls="mep_1" title="Mute" aria-label="Mute"></button>
					<a href="javascript:void(0);" class="mejs-volume-slider" style="display: none;"><span class="mejs-offscreen">Use Up/Down Arrow keys to increase or decrease volume.</span>
					<div class="mejs-volume-total" style=""></div>
					<div class="mejs-volume-current" style="height: 100px; top: 8px;"></div>
					<div class="mejs-volume-handle" style="top: 5px;"></div>
					</a></div>
				<div class="mejs-button mejs-fullscreen-button" style="">
					<button type="button" aria-controls="mep_1" title="Fullscreen" aria-label="Fullscreen"></button>
				</div>
			</div>
			<div class="mejs-clear"></div>
		</div>
	</div>
	<!-- indexer::continue --> 
</div>

//Moderation: Thema verschoben.