Почему мое форматирование CSS в связанной таблице стилей не применяется?

Question

Я пытаюсь добавить видео Youtube на свою страницу с помощью таблицы стилей CSS на мою страницу, по какой-то причине видео не отображается

.youtube-video iframe,
.youtube-video img,
.youtube-video-2 iframe,
.youtube-video-2 img {
    position: absolute;
    top: 0px;
    left: 12%;
    width: 890px;
    height: 500px;
    cursor: pointer;
}
img {
    vertical-align: middle;
}

<img class=" ls-is-cached lazyloaded" data-src="https://supertasker.pk/images/youtube-video-1-min-new.png" alt="Youtube-vide" video-url="https://www.youtube.com/embed/-luUppOIWHA" src="https://supertasker.pk/images/youtube-video-1-min-new.png">

Answer 1

.youtube-video iframe,
.youtube-video img,
.youtube-video-2 iframe,
.youtube-video-2 img {
    position: absolute;
    top: 0px;
    left: 12%;
    width: 890px;
    height: 500px;
    cursor: pointer;
}
img {
    vertical-align: middle;
}

<iframe width="420" height="315" src="https://www.youtube.com/embed/tgbNymZ7vqY"></iframe>

теперь это будет работать здесь, так как это заблокировано для этого сайта. но вы можете проверить его работу здесь: https://www.w3schools.com/html/tryit.asp?filename=tryhtml_youtubeiframe