Задать вопрос
Wolf_Yout
@Wolf_Yout

Как заставить плеер не тыбзить текст ниже его?

Код страницы с плеером:
<!DOCTYPE html>
<html lang="ru">
  <head>
    <!--
      This is the page head - it contains info the browser uses to display the page
      You won't see what's in the head in the page
      Scroll down to the body element for the page content
    -->

    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="icon" href="https://cdn.glitch.global/ee846447-a6e8-4e3e-a414-7b7d4cf45b76/Krasivye_kartinki_anime_na_avu_5_28061204.jpg?v=1661972814207" />

    <!-- 
      This is an HTML comment
      You can write text in a comment and the content won't be visible in the page
    -->

    <title>Wakanime</title>

    <!-- Meta tags for SEO and social sharing -->
    <link rel="canonical" href="https://wakanime.glitch.me/krd.html" />
    <meta
      name="description"
      content="Wakanime - Клинок рассекающий демонов."
    />
    <meta property="og:title" content="Wakanime!" />
    <meta property="og:type" content="article" />
    <meta property="og:url" content="https://wakanime.glitch.me/krd.html" />
    <meta
      property="og:description"
      content="Wakanime - Клинок рассекающий демонов."
    />
    <meta
      property="og:image"
      content="https://cdn.glitch.global/ee846447-a6e8-4e3e-a414-7b7d4cf45b76/i.webp?v=1662024124837"
    />
    <link rel="stylesheet" href="/style.css" />
  </head>
  <body>
    <h1>
      Клинок рассекающий демонов
    </h1>
    <br>
    <a class="name">1 сезон 1 серия</a>
    <br>
    <a>Видео-плеер не готов :(</a>
    <br>
    <a class="name">1 сезон 2 серия</a>
    <br>
    <video src="https://cdn.glitch.me/ee846447-a6e8-4e3e-a414-7b7d4cf45b76/Klinok_rassekayuwij_demonov_1_sezon_-_2_seriya_(anwap.org).mp4?v=1662029686757" width="480" height="270" controls />
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <a class="name">1 сезон 3 серия</a>
    <br>
    <a>Видео-плеер не готов :(</a>
    <br>
    <a class="name">1 сезон 4 серия</a>
    <br>
    <a>Видео-плеер не готов :(</a>
    <br>
    <a class="name">1 сезон 5 серия</a>
    <br>
    <a>Видео-плеер не готов :(</a>
  </body>
</html>

Тут даже видно что я уже попытался сделать очень много
, но без результатно, вот то как плеер тыбзит текст
631092546d1b0752045593.png
Теперь закоментируем плеер:
<!DOCTYPE html>
<html lang="ru">
  <head>
    <!--
      This is the page head - it contains info the browser uses to display the page
      You won't see what's in the head in the page
      Scroll down to the body element for the page content
    -->

    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="icon" href="https://cdn.glitch.global/ee846447-a6e8-4e3e-a414-7b7d4cf45b76/Krasivye_kartinki_anime_na_avu_5_28061204.jpg?v=1661972814207" />

    <!-- 
      This is an HTML comment
      You can write text in a comment and the content won't be visible in the page
    -->

    <title>Wakanime</title>

    <!-- Meta tags for SEO and social sharing -->
    <link rel="canonical" href="https://wakanime.glitch.me/krd.html" />
    <meta
      name="description"
      content="Wakanime - Клинок рассекающий демонов."
    />
    <meta property="og:title" content="Wakanime!" />
    <meta property="og:type" content="article" />
    <meta property="og:url" content="https://wakanime.glitch.me/krd.html" />
    <meta
      property="og:description"
      content="Wakanime - Клинок рассекающий демонов."
    />
    <meta
      property="og:image"
      content="https://cdn.glitch.global/ee846447-a6e8-4e3e-a414-7b7d4cf45b76/i.webp?v=1662024124837"
    />
    <link rel="stylesheet" href="/style.css" />
  </head>
  <body>
    <h1>
      Клинок рассекающий демонов
    </h1>
    <br>
    <a class="name">1 сезон 1 серия</a>
    <br>
    <a>Видео-плеер не готов :(</a>
    <br>
    <a class="name">1 сезон 2 серия</a>
    <br>
    <!--video src="https://cdn.glitch.me/ee846447-a6e8-4e3e-a414-7b7d4cf45b76/Klinok_rassekayuwij_demonov_1_sezon_-_2_seriya_(anwap.org).mp4?v=1662029686757" width="480" height="270" controls /-->
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <a class="name">1 сезон 3 серия</a>
    <br>
    <a>Видео-плеер не готов :(</a>
    <br>
    <a class="name">1 сезон 4 серия</a>
    <br>
    <a>Видео-плеер не готов :(</a>
    <br>
    <a class="name">1 сезон 5 серия</a>
    <br>
    <a>Видео-плеер не готов :(</a>
  </body>
</html>

И теперь сайт выглядит так:
unknown.png
Что делать с пропадающим текстом?
  • Вопрос задан
  • 50 просмотров
Подписаться 1 Простой 2 комментария
Решения вопроса 1
nazares
@nazares
Software Engineer
закрой тег видео <video></video> а не <video />
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы