erweiterung "Youtube iframe" erzeugt immer noch die alte art es einzubinden
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&wmode=transparent&enablejsapi=1&origin=https%3A%2F%2Fwww.demarchibar.de&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.
