<div tabindex="0" class="plyr plyr--full-ui plyr--video plyr--youtube plyr--fullscreen-enabled plyr__poster-enabled plyr--paused">
<div class="plyr__controls">
<button class="plyr__controls__item plyr__control" type="button" data-plyr="play" aria-label="Play">
<svg class="icon--pressed" aria-hidden="true" focusable="false">
<use xlink:href=''></use>
</svg>
<svg class="icon--not-pressed" aria-hidden="true" focusable="false">
<use xlink:href=''></use>
</svg>
<span class="label--pressed plyr__sr-only">Pause</span>
<span class="label--not-pressed plyr__sr-only">Play</span>
</button>
<div class="plyr__controls__item plyr__progress__container">
<div class="plyr__progress">
<input data-plyr="seek" type="range" min="0" max="100" step="0.01" value="0" autocomplete="off" role="slider" aria-label="Seek" aria-valuemin="0" aria-valuemax="1381.661" aria-valuenow="9.636915940872193" id="plyr-seek-3078" aria-valuetext="00:09 of 23:01" style="--value: 0.7%;">
<progress class="plyr__progress__buffer" min="0" max="100" value="2.76775562167565" role="progressbar" aria-hidden="true">% buffered</progress>
<span class="plyr__tooltip">00:00</span>
</div>
</div>
<div class="plyr__controls__item plyr__time--current plyr__time" aria-label="Current time">-22:52</div>
<div class="plyr__controls__item plyr__volume">
<button type="button" class="plyr__control" data-plyr="mute">
<svg class="icon--pressed" aria-hidden="true" focusable="false">
<use xlink:href=''></use>
</svg>
<svg class="icon--not-pressed" aria-hidden="true" focusable="false">
<use xlink:href=''></use>
</svg>
<span class="label--pressed plyr__sr-only">Unmute</span>
<span class="label--not-pressed plyr__sr-only">Mute</span>
</button>
<input data-plyr="volume" type="range" min="0" max="1" step="0.05" value="1" autocomplete="off" role="slider" aria-label="Volume" aria-valuemin="0" aria-valuemax="100" aria-valuenow="55.00000000000001" id="plyr-volume-3078" aria-valuetext="55.0%" style="--value: 55.00000000000001%;">
</div>
<button class="plyr__controls__item plyr__control" type="button" data-plyr="captions">
<svg class="icon--pressed" aria-hidden="true" focusable="false">
<use xlink:href=''></use>
</svg>
<svg class="icon--not-pressed" aria-hidden="true" focusable="false">
<use xlink:href=''></use>
</svg>
<span class="label--pressed plyr__sr-only">Disable captions</span>
<span class="label--not-pressed plyr__sr-only">Enable captions</span>
</button>
<div class="plyr__controls__item plyr__menu">
<button aria-haspopup="true" aria-controls="plyr-settings-3078" aria-expanded="false" type="button" class="plyr__control" data-plyr="settings">
<svg aria-hidden="true" focusable="false">
<use xlink:href=''></use>
</svg>
<span class="plyr__sr-only">Settings</span>
</button>
<div class="plyr__menu__container" id="plyr-settings-3078" hidden="">
<div>
<div id="plyr-settings-3078-home">
<div role="menu">
<button data-plyr="settings" type="button" class="plyr__control plyr__control--forward" role="menuitem" aria-haspopup="true" hidden="">
<span>Captions <span class="plyr__menu__value">Disabled</span>
</span>
</button>
<button data-plyr="settings" type="button" class="plyr__control plyr__control--forward" role="menuitem" aria-haspopup="true" hidden="">
<span>Quality <span class="plyr__menu__value">undefined</span>
</span>
</button>
<button data-plyr="settings" type="button" class="plyr__control plyr__control--forward" role="menuitem" aria-haspopup="true">
<span>Speed <span class="plyr__menu__value">Normal</span>
</span>
</button>
</div>
</div>
<div id="plyr-settings-3078-captions" hidden="">
<button type="button" class="plyr__control plyr__control--back">
<span aria-hidden="true">Captions</span>
<span class="plyr__sr-only">Go back to previous menu</span>
</button>
<div role="menu"></div>
</div>
<div id="plyr-settings-3078-quality" hidden="">
<button type="button" class="plyr__control plyr__control--back">
<span aria-hidden="true">Quality</span>
<span class="plyr__sr-only">Go back to previous menu</span>
</button>
<div role="menu"></div>
</div>
<div id="plyr-settings-3078-speed" hidden="">
<button type="button" class="plyr__control plyr__control--back">
<span aria-hidden="true">Speed</span>
<span class="plyr__sr-only">Go back to previous menu</span>
</button>
<div role="menu">
<button data-plyr="speed" type="button" role="menuitemradio" class="plyr__control" aria-checked="false" value="0.5">
<span>0.5×</span>
</button>
<button data-plyr="speed" type="button" role="menuitemradio" class="plyr__control" aria-checked="false" value="0.75">
<span>0.75×</span>
</button>
<button data-plyr="speed" type="button" role="menuitemradio" class="plyr__control" aria-checked="true" value="1">
<span>Normal</span>
</button>
<button data-plyr="speed" type="button" role="menuitemradio" class="plyr__control" aria-checked="false" value="1.25">
<span>1.25×</span>
</button>
<button data-plyr="speed" type="button" role="menuitemradio" class="plyr__control" aria-checked="false" value="1.5">
<span>1.5×</span>
</button>
<button data-plyr="speed" type="button" role="menuitemradio" class="plyr__control" aria-checked="false" value="1.75">
<span>1.75×</span>
</button>
<button data-plyr="speed" type="button" role="menuitemradio" class="plyr__control" aria-checked="false" value="2">
<span>2×</span>
</button>
</div>
</div>
</div>
</div>
</div>
<button class="plyr__controls__item plyr__control" type="button" data-plyr="fullscreen">
<svg class="icon--pressed" aria-hidden="true" focusable="false">
<use xlink:href=''></use>
</svg>
<svg class="icon--not-pressed" aria-hidden="true" focusable="false">
<use xlink:href=''></use>
</svg>
<span class="label--pressed plyr__sr-only">Exit fullscreen</span>
<span class="label--not-pressed plyr__sr-only">Enter fullscreen</span>
</button>
</div>
<div class="plyr__video-wrapper plyr__video-embed" style="aspect-ratio: 4 / 3;">
<iframe id="youtube-1" allowfullscreen="1" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" title="Teszt videó" src="https://www.youtube.com/embed/s..." width="640" height="360" frameborder="0"></iframe>
<div class="plyr__poster" style="background-image: u rl("https://i.ytimg.com/...;);"></div>
</div>
<button type="button" class="plyr__control plyr__control--overlaid" data-plyr="play" aria-label="Play">
<svg aria-hidden="true" focusable="false">
<use xlink:href=''></use>
</svg>
<span class="plyr__sr-only">Play</span>
</button>
<img src="https://www.WEBoldalam.hu/favicon.png" style="position: absolute; left:88%; top: 85%; z-index: 1;" width="10%">
</div>
