Подведи собственные итоги года совместно с YOUGAME и забери ценные призы! Перейти
Что нового?

Вопросик по сайту

EduCooLYT
Unnecessary soul
Начинающий
EduCooLYT
Начинающий
Статус
Оффлайн
Регистрация
31 Дек 2017
Сообщения
123
Реакции
6
Всем охайо. Нужна опять ваша помощь) Как при помощи кнопки сделать смену фонового видоса, как на данном сайте (no ad):
Пожалуйста, авторизуйтесь для просмотра ссылки.
?
 
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки.
Смотри в файлах
 
Rubins68 написал(а):
Смотри в файлах
Нажмите для раскрытия...
HTML:
Expand Collapse Copy 
<html class="global fa-events-icons-ready" id="load">

<head>
    <meta property="og:url" content="https://temaflex.tk" />
    <meta property="og:title" content="Hi new world! by TemaFlex" />
    <meta property="og:description" content="Visite site: www.TemaFlex.tk" />
    <meta property="og:type" content="website" />
    <meta property="og:image" content="/assets/img/snippet.png?t=1589967587" />
    <script language="javascript">
        document.write(unescape('%3C%6D%65%74%61%20%6E%61%6D%65%3D%22%76%69%65%77%70%6F%72%74%22%20%63%6F%6E%74%65%6E%74%3D%22%6D%69%6E%69%6D%61%6C%2D%75%69%2C%77%69%64%74%68%3D%64%65%76%69%63%65%2D%77%69%64%74%68%2C%69%6E%69%74%69%61%6C%2D%73%63%61%6C%65%3D%31%2E%30%2C%6D%69%6E%69%6D%75%6D%2D%73%63%61%6C%65%3D%31%2E%30%2C%6D%61%78%69%6D%75%6D%2D%73%63%61%6C%65%3D%31%2E%30%22%3E'));

    </script>
    <script language="javascript">
        document.write(unescape('%3C%74%69%74%6C%65%3E%54%65%6D%61%46%6C%65%78%3C%2F%74%69%74%6C%65%3E'));

    </script>
    <script language="javascript">
        document.write(unescape('%3C%6C%69%6E%6B%20%72%65%6C%3D%22%69%63%6F%6E%22%20%74%79%70%65%3D%22%69%6D%61%67%65%2F%69%63%6F%22%20%68%72%65%66%3D%22%2F%61%73%73%65%74%73%2F%66%61%76%69%63%6F%6E%2E%70%6E%67%22%20%73%69%7A%65%73%3D%22%34%35%78%34%38%22%3E'));

    </script>
    <script language="javascript">
        document.write(unescape('%3C%6D%65%74%61%20%6E%61%6D%65%3D%22%79%61%6E%64%65%78%2D%74%61%62%6C%65%61%75%2D%77%69%64%67%65%74%22%20%63%6F%6E%74%65%6E%74%3D%22%6C%6F%67%6F%3D%2F%61%73%73%65%74%73%2F%66%61%76%69%63%6F%6E%2E%70%6E%67%2C%20%63%6F%6C%6F%72%3D%23%66%66%66%66%66%66%22%3E'));

    </script>
    <!--
      * STYLES FLEX
      -->
    <script language="javascript">
        document.write(unescape('%3C%6D%65%74%61%20%6E%61%6D%65%3D%22%6D%73%61%70%70%6C%69%63%61%74%69%6F%6E%2D%54%69%6C%65%43%6F%6C%6F%72%22%20%63%6F%6E%74%65%6E%74%3D%22%23%66%66%66%66%66%66%22%3E'));

    </script>
    <!--
      * MAIN CSS FILES
      -->
    <script language="javascript">
        document.write(unescape('%3C%6C%69%6E%6B%20%72%65%6C%3D%22%73%74%79%6C%65%73%68%65%65%74%22%20%74%79%70%65%3D%22%74%65%78%74%2F%63%73%73%22%20%68%72%65%66%3D%22%2F%61%73%73%65%74%73%2F%63%73%73%2F%73%74%79%6C%65%2E%63%73%73%22%3E'));

    </script>
    <script language="javascript">
        document.write(unescape('%3C%6C%69%6E%6B%20%68%72%65%66%3D%22%2F%61%73%73%65%74%73%2F%63%73%73%2F%66%6F%6E%74%61%77%65%73%6F%6D%65%2E%63%73%73%22%20%6D%65%64%69%61%3D%22%61%6C%6C%22%20%72%65%6C%3D%22%73%74%79%6C%65%73%68%65%65%74%22%3E'));

    </script>
    <script language="javascript">
        document.write(unescape('%3C%6C%69%6E%6B%20%72%65%6C%3D%22%73%74%79%6C%65%73%68%65%65%74%22%20%68%72%65%66%3D%22%2F%61%73%73%65%74%73%2F%63%73%73%2F%73%74%79%6C%65%2E%63%73%73%22%3E'));

    </script>
    <script language="javascript">
        document.write(unescape('%3C%6C%69%6E%6B%20%72%65%6C%3D%22%73%74%79%6C%65%73%68%65%65%74%22%20%68%72%65%66%3D%22%2F%61%73%73%65%74%73%2F%63%73%73%2F%66%6C%65%78%69%6D%2E%63%73%73%22%3E'));

    </script>
    <script language="javascript">
        document.write(unescape('%3C%6C%69%6E%6B%20%72%65%6C%3D%22%73%74%79%6C%65%73%68%65%65%74%22%20%68%72%65%66%3D%22%2F%61%73%73%65%74%73%2F%63%73%73%2F%6A%71%75%65%72%79%2E%62%61%63%6B%67%72%6F%75%6E%64%2D%76%69%64%65%6F%2E%63%73%73%22%3E'));

    </script>
    <!--
      * JS SKRIPTS
      -->
    <script>
        var max = 15;

    </script>
    <script language="javascript">
        document.write(unescape('%3C%73%63%72%69%70%74%20%74%79%70%65%3D%22%74%65%78%74%2F%6A%61%76%61%73%63%72%69%70%74%22%20%73%72%63%3D%22%2F%61%73%73%65%74%73%2F%6A%73%2F%74%65%6D%61%66%6C%65%78%2E%6A%73%3F%76%3D%31%35%38%39%39%36%37%35%38%37%22%3E%3C%2F%73%63%72%69%70%74%3E'));

    </script>
    <script language="javascript">
        document.write(unescape('%3C%73%63%72%69%70%74%20%73%72%63%3D%22%2F%61%73%73%65%74%73%2F%6A%73%2F%73%6B%65%6C%2E%6D%69%6E%2E%6A%73%22%3E%3C%2F%73%63%72%69%70%74%3E'));

    </script>
    <script language="javascript">
        document.write(unescape('%3C%73%63%72%69%70%74%20%73%72%63%3D%22%2F%61%73%73%65%74%73%2F%6A%73%2F%69%6E%69%74%2E%6A%73%22%3E%3C%2F%73%63%72%69%70%74%3E'));

    </script>
    <script language="javascript">
        document.write(unescape('%3C%73%63%72%69%70%74%20%73%72%63%3D%22%2F%61%73%73%65%74%73%2F%6A%73%2F%66%6F%6E%74%61%77%65%73%6F%6D%65%2E%6A%73%22%3E%3C%2F%73%63%72%69%70%74%3E'));

    </script>
    <script language="javascript">
        document.write(unescape('%3C%73%63%72%69%70%74%20%73%72%63%3D%22%2F%61%73%73%65%74%73%2F%6A%73%2F%6A%71%75%65%72%79%2E%6D%69%6E%2E%6A%73%22%3E%3C%2F%73%63%72%69%70%74%3E'));

    </script>
    <script language="javascript">
        document.write(unescape('%3C%73%63%72%69%70%74%20%73%72%63%3D%22%2F%61%73%73%65%74%73%2F%6A%73%2F%6A%71%75%65%72%79%2E%73%65%73%73%69%6F%6E%2E%6A%73%22%3E%3C%2F%73%63%72%69%70%74%3E'));

    </script>
    <script language="javascript">
        document.write(unescape('%3C%73%63%72%69%70%74%20%73%72%63%3D%22%2F%61%73%73%65%74%73%2F%6A%73%2F%6B%69%6C%6C%2E%6A%73%22%3E%3C%2F%73%63%72%69%70%74%3E'));

    </script>
</head>
<script language="javascript">
    document.write(unescape('%20%20%3C%62%6F%64%79%20%62%67%63%6F%6C%6F%72%3D%22%23%30%30%30%30%30%22%20%6F%6E%6C%6F%61%64%3D%22%6D%75%74%65%43%68%65%63%6B%28%29%3B%22%20%63%6C%61%73%73%3D%22%6C%6F%61%64%69%6E%67%22%20%6F%6E%6D%6F%75%73%65%64%6F%77%6E%3D%22%72%65%74%75%72%6E%20%66%61%6C%73%65%22%20%6F%6E%73%65%6C%65%63%74%73%74%61%72%74%3D%22%72%65%74%75%72%6E%20%66%61%6C%73%65%22%3E%0D%0A%20%20%20%20%20%20%3C%64%69%76%20%69%64%3D%22%77%72%61%70%70%65%72%22%3E'));

</script>
<video class="jquery-background-video" id="video" src="/beauty/6.mp4" type="video/mp4" autoplay="" loop="" muted=""></video><audio id="audio" src="/beauty/6.mp3" type="audio/mpeg" loop=""></audio>
<script language="javascript">
    document.write(unescape('%3C%64%69%76%20%73%74%79%6C%65%3D%22%66%6F%6E%74%2D%73%69%7A%65%3A%20%32%30%70%78%3B%20%70%6F%73%69%74%69%6F%6E%3A%20%61%62%73%6F%6C%75%74%65%3B%20%7A%2D%69%6E%64%65%78%3A%20%31%30%31%3B%20%62%6F%74%74%6F%6D%3A%20%32%30%70%78%3B%20%77%69%64%74%68%3A%20%39%30%70%78%3B%20%63%75%72%73%6F%72%3A%20%70%6F%69%6E%74%65%72%3B%20%63%6F%6C%6F%72%3A%20%23%66%66%66%3B%22%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%3C%70%72%65%20%73%74%79%6C%65%3D%22%70%61%64%64%69%6E%67%2D%72%69%67%68%74%3A%20%31%39%70%78%3B%20%6F%70%61%63%69%74%79%3A%20%31%3B%22%20%69%64%3D%22%72%61%6E%64%22%20%6F%6E%63%6C%69%63%6B%3D%22%72%61%6E%64%28%66%61%6C%73%65%2C%30%2C%66%61%6C%73%65%29%22%20%63%6C%61%73%73%3D%22%66%61%20%66%61%2D%66%61%73%74%2D%66%6F%72%77%61%72%64%20%66%61%2D%76%6F%6C%75%6D%65%2D%6F%66%66%22%3E%3C%2F%70%72%65%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%3C%70%72%65%20%69%64%3D%22%6D%75%74%65%22%20%6F%6E%63%6C%69%63%6B%3D%22%6D%75%74%65%28%29%22%20%63%6C%61%73%73%3D%22%66%61%20%66%61%2D%76%6F%6C%75%6D%65%2D%6F%66%66%22%3E%3C%2F%70%72%65%3E%0D%0A%20%20%20%20%20%20%3C%2F%64%69%76%3E%0D%0A%09%20%20%20%20%3C%73%74%79%6C%65%3E%62%6F%64%79%7B%6F%76%65%72%66%6C%6F%77%3A%68%69%64%64%65%6E%7D%3C%2F%73%74%79%6C%65%3E%0D%0A%09%09%3C%64%69%76%20%63%6C%61%73%73%3D%22%6B%69%6C%6C%2D%66%65%65%64%22%3E%0D%0A%09%09%3C%64%69%76%20%73%74%79%6C%65%3D%22%64%69%73%70%6C%61%79%3A%20%6E%6F%6E%65%3B%22%3E%0D%0A%09%09%3C%73%70%61%6E%20%63%6C%61%73%73%3D%22%70%6C%61%79%65%72%20%74%22%3E%0D%0A%09%09%3C%69%6D%67%20%68%65%69%67%68%74%3D%22%32%30%22%3E%0D%0A%09%09%3C%69%6D%67%20%77%69%64%74%68%3D%22%33%30%22%20%68%65%69%67%68%74%3D%22%32%36%22%3E%0D%0A%09%09%3C%2F%73%70%61%6E%3E%0D%0A%09%09%3C%73%70%61%6E%20%63%6C%61%73%73%3D%22%70%6C%61%79%65%72%20%63%74%22%3E%3C%2F%73%70%61%6E%3E%0D%0A%09%09%3C%2F%64%69%76%3E%0D%0A%09%09%3C%2F%64%69%76%3E%0D%0A%20%20%3C%64%69%76%20%69%64%3D%22%6D%61%69%6E%22%20%63%6C%61%73%73%3D%22%62%6C%61%63%6B%6F%75%74%22%3E%0D%0A%20%20%20%20%20%20%3C%68%65%61%64%65%72%20%69%64%3D%22%68%65%61%64%65%72%22%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%3C%73%70%61%6E%20%69%64%3D%22%63%6C%6F%63%6B%22%3E%50%4D%20%30%37%3A%33%30%3C%2F%73%70%61%6E%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%3C%75%6C%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%6D%61%72%71%75%65%65%20%69%64%3D%22%73%63%72%6F%6C%6C%4F%6E%65%22%20%61%6C%69%67%74%3D%22%63%65%6E%74%65%72%22%20%73%63%72%6F%6C%6C%61%6D%6F%75%6E%74%3D%22%31%30%30%22%20%77%69%64%74%68%3D%22%35%34%30%22%20%73%74%79%6C%65%3D%22%77%69%64%74%68%3A%35%34%30%70%78%3B%22%3E%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%3C%2F%6D%61%72%71%75%65%65%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%3C%2F%75%6C%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%3C%68%31%3E%3C%66%6F%6E%74%20%63%6F%6C%6F%72%3D%22%23%46%46%46%46%46%46%22%3E%54%65%6D%61%3C%2F%66%6F%6E%74%3E%20%3C%66%6F%6E%74%20%63%6F%6C%6F%72%3D%22%23%31%34%46%46%36%45%22%3E%46%6C%75%78%3C%2F%66%6F%6E%74%3E%3C%2F%68%31%3E'));

</script>
<p>Оставлю это здесь. <script language="javascript">
        document.write(unescape('%31%37%38%2E%32%31%34%2E%32%35%30%2E%35%36'));

    </script>
</p>
<nav>
    <script language="javascript">
        document.write(unescape('%3C%75%6C%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%6C%69%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%61%20%68%72%65%66%3D%22%68%74%74%70%73%3A%2F%2F%76%6B%2E%63%6F%6D%2F%61%72%74%65%6D%76%6B%61%22%20%74%69%74%6C%65%3D%22%56%6B%6F%6E%74%61%6B%74%65%22%20%74%61%72%67%65%74%3D%22%5F%62%6C%61%6E%6B%22%20%63%6C%61%73%73%3D%22%66%61%20%66%61%2D%76%6B%22%3E%3C%2F%61%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2F%6C%69%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%6C%69%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%61%20%68%72%65%66%3D%22%68%74%74%70%73%3A%2F%2F%74%2E%6D%65%2F%54%65%6D%61%46%6C%65%78%73%22%20%74%69%74%6C%65%3D%22%4E%65%77%20%4D%65%73%73%61%67%65%21%22%20%74%61%72%67%65%74%3D%22%5F%62%6C%61%6E%6B%22%20%63%6C%61%73%73%3D%22%66%61%20%66%61%2D%74%65%6C%65%67%72%61%6D%22%3E%3C%2F%61%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2F%6C%69%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%6C%69%3E'));

    </script>
    <a href="https://qiwi.me/funnyscape" title="Пожертвования) на доброе дело!" target="_blank" class="fa fa-usd"></a>
    <script language="javascript">
        document.write(unescape('%20%20%20%20%20%20%20%20%20%20%20%20%3C%2F%6C%69%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%3C%2F%75%6C%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%3C%75%6C%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%6D%61%72%71%75%65%65%20%69%64%3D%22%73%63%72%6F%6C%6C%54%77%6F%22%20%61%6C%69%67%74%3D%22%63%65%6E%74%65%72%22%20%73%63%72%6F%6C%6C%61%6D%6F%75%6E%74%3D%22%31%30%30%22%20%77%69%64%74%68%3D%22%35%34%30%22%20%73%74%79%6C%65%3D%22%77%69%64%74%68%3A%35%34%30%70%78%3B%22%3E%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%3C%2F%6D%61%72%71%75%65%65%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%3C%2F%75%6C%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%3C%2F%6E%61%76%3E%0D%0A%20%20%20%20%20%20%20%20%20%3C%73%70%61%6E%20%69%64%3D%22%64%61%74%65%22%3E%4F%43%54%2E%20%32%32%20%32%30%30%34%3C%2F%73%70%61%6E%3E%0D%0A%20%20%20%20%20%20%3C%2F%68%65%61%64%65%72%3E%0D%0A%20%20%3C%2F%64%69%76%3E%0D%0A%20%20%3C%2F%64%69%76%3E'));

    </script>
    <video style="display: none;" id="preLoadVideo" type="video/mp4" src=""></video>
    <audio id="preLoadAudio" type="audio/mpeg" src=""></audio>
    </body>

</html>

Это марсианский код какой-то? Переключение видосов через какой-то js сделано? Я почти ничего не понял что здесь, за что отвечает
 
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки.
EduCooLYT написал(а):
Всем охайо. Нужна опять ваша помощь) Как при помощи кнопки сделать смену фонового видоса, как на данном сайте (no ad):
Пожалуйста, авторизуйтесь для просмотра ссылки.
?
Нажмите для раскрытия...

Сделал тебе в виде карусели видео.

Пожалуйста, авторизуйтесь для просмотра ссылки.
- демо


HTML:
Expand Collapse Copy 
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Video slider</title>
    <link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico">
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.0/css/all.css">
</head>

<body>
    <div class="overlay">
        <div class="owl-carousel owl-theme owl-video">
            <video class="video--media" src="https://cdn.videvo.net/videvo_files/video/free/2019-12/small_watermarked/191126_2_4k_Party_100_preview.webm" muted autoplay loop></video>
            <video class="video--media" src="https://cdn.videvo.net/videvo_files/video/premium/video0121/small_watermarked/12 Alpen Gold day 2_preview.webm" muted autoplay loop></video>
            <video class="video--media" src="https://cdn.videvo.net/videvo_files/video/free/2019-02/small_watermarked/181015_12a_Venice Beach_016_preview.webm" muted autoplay loop></video>
        </div>
        <div class="owl-theme">
            <div class="owl-controls">
                <div class="custom-nav owl-nav"></div>
            </div>
        </div>
    </div>
    <script src="jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
    <script src="script.js"></script>
</body>
</html>

CSS:
Expand Collapse Copy 
* {
    margin: 0;
    padding: 0;
}

body {
    height: 100v%;
    width: 100%;
    overflow: hidden;
}

.overlay {
    height: 100vh;
    width: 100%;
    position: relative;
}

.video--media {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    object-fit: cover;
}

.owl-prev,
.owl-next {
    position: absolute;
    height: 100px;
    border: none;
    z-index: 100;
}

.owl-prev i,
.owl-next i {
    font-size: 2.5rem;
    color: #cecece;
}

.owl-prev {
    left: 50px;
}

.owl-next {
    right: 50px;
}

.custom-nav {
    position: absolute;
    top: 45%;
    left: 0;
    right: 0;
}

@media (min-aspect-ratio: 16/9) {
    .video--media {
        height: 300%;
        top: -100%;
    }
}

@media (max-aspect-ratio: 16/9) {
    .video--media {
        width: 300%;
        left: -100%;
    }
}

@supports (object-fit: cover) {
    .video--media {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

JavaScript:
Expand Collapse Copy 
$(function () {
    // Owl Carousel
    var owl = $(".owl-carousel");
    owl.owlCarousel({
        items: 1,
        margin: 0,
        loop: true,
        dots: false,
        nav: true,
        navText: [
            '<i class="fa fa-angle-left" aria-hidden="true"></i>',
            '<i class="fa fa-angle-right" aria-hidden="true"></i>'],
        navContainer: ".overlay .custom-nav"
    });
});
 
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки.
EduCooLYT написал(а):
HTML:
Expand Collapse Copy 
<html class="global fa-events-icons-ready" id="load">

<head>
    <meta property="og:url" content="https://temaflex.tk" />
    <meta property="og:title" content="Hi new world! by TemaFlex" />
    <meta property="og:description" content="Visite site: www.TemaFlex.tk" />
    <meta property="og:type" content="website" />
    <meta property="og:image" content="/assets/img/snippet.png?t=1589967587" />
    <script language="javascript">
        document.write(unescape('%3C%6D%65%74%61%20%6E%61%6D%65%3D%22%76%69%65%77%70%6F%72%74%22%20%63%6F%6E%74%65%6E%74%3D%22%6D%69%6E%69%6D%61%6C%2D%75%69%2C%77%69%64%74%68%3D%64%65%76%69%63%65%2D%77%69%64%74%68%2C%69%6E%69%74%69%61%6C%2D%73%63%61%6C%65%3D%31%2E%30%2C%6D%69%6E%69%6D%75%6D%2D%73%63%61%6C%65%3D%31%2E%30%2C%6D%61%78%69%6D%75%6D%2D%73%63%61%6C%65%3D%31%2E%30%22%3E'));

    </script>
    <script language="javascript">
        document.write(unescape('%3C%74%69%74%6C%65%3E%54%65%6D%61%46%6C%65%78%3C%2F%74%69%74%6C%65%3E'));

    </script>
    <script language="javascript">
        document.write(unescape('%3C%6C%69%6E%6B%20%72%65%6C%3D%22%69%63%6F%6E%22%20%74%79%70%65%3D%22%69%6D%61%67%65%2F%69%63%6F%22%20%68%72%65%66%3D%22%2F%61%73%73%65%74%73%2F%66%61%76%69%63%6F%6E%2E%70%6E%67%22%20%73%69%7A%65%73%3D%22%34%35%78%34%38%22%3E'));

    </script>
    <script language="javascript">
        document.write(unescape('%3C%6D%65%74%61%20%6E%61%6D%65%3D%22%79%61%6E%64%65%78%2D%74%61%62%6C%65%61%75%2D%77%69%64%67%65%74%22%20%63%6F%6E%74%65%6E%74%3D%22%6C%6F%67%6F%3D%2F%61%73%73%65%74%73%2F%66%61%76%69%63%6F%6E%2E%70%6E%67%2C%20%63%6F%6C%6F%72%3D%23%66%66%66%66%66%66%22%3E'));

    </script>
    <!--
      * STYLES FLEX
      -->
    <script language="javascript">
        document.write(unescape('%3C%6D%65%74%61%20%6E%61%6D%65%3D%22%6D%73%61%70%70%6C%69%63%61%74%69%6F%6E%2D%54%69%6C%65%43%6F%6C%6F%72%22%20%63%6F%6E%74%65%6E%74%3D%22%23%66%66%66%66%66%66%22%3E'));

    </script>
    <!--
      * MAIN CSS FILES
      -->
    <script language="javascript">
        document.write(unescape('%3C%6C%69%6E%6B%20%72%65%6C%3D%22%73%74%79%6C%65%73%68%65%65%74%22%20%74%79%70%65%3D%22%74%65%78%74%2F%63%73%73%22%20%68%72%65%66%3D%22%2F%61%73%73%65%74%73%2F%63%73%73%2F%73%74%79%6C%65%2E%63%73%73%22%3E'));

    </script>
    <script language="javascript">
        document.write(unescape('%3C%6C%69%6E%6B%20%68%72%65%66%3D%22%2F%61%73%73%65%74%73%2F%63%73%73%2F%66%6F%6E%74%61%77%65%73%6F%6D%65%2E%63%73%73%22%20%6D%65%64%69%61%3D%22%61%6C%6C%22%20%72%65%6C%3D%22%73%74%79%6C%65%73%68%65%65%74%22%3E'));

    </script>
    <script language="javascript">
        document.write(unescape('%3C%6C%69%6E%6B%20%72%65%6C%3D%22%73%74%79%6C%65%73%68%65%65%74%22%20%68%72%65%66%3D%22%2F%61%73%73%65%74%73%2F%63%73%73%2F%73%74%79%6C%65%2E%63%73%73%22%3E'));

    </script>
    <script language="javascript">
        document.write(unescape('%3C%6C%69%6E%6B%20%72%65%6C%3D%22%73%74%79%6C%65%73%68%65%65%74%22%20%68%72%65%66%3D%22%2F%61%73%73%65%74%73%2F%63%73%73%2F%66%6C%65%78%69%6D%2E%63%73%73%22%3E'));

    </script>
    <script language="javascript">
        document.write(unescape('%3C%6C%69%6E%6B%20%72%65%6C%3D%22%73%74%79%6C%65%73%68%65%65%74%22%20%68%72%65%66%3D%22%2F%61%73%73%65%74%73%2F%63%73%73%2F%6A%71%75%65%72%79%2E%62%61%63%6B%67%72%6F%75%6E%64%2D%76%69%64%65%6F%2E%63%73%73%22%3E'));

    </script>
    <!--
      * JS SKRIPTS
      -->
    <script>
        var max = 15;

    </script>
    <script language="javascript">
        document.write(unescape('%3C%73%63%72%69%70%74%20%74%79%70%65%3D%22%74%65%78%74%2F%6A%61%76%61%73%63%72%69%70%74%22%20%73%72%63%3D%22%2F%61%73%73%65%74%73%2F%6A%73%2F%74%65%6D%61%66%6C%65%78%2E%6A%73%3F%76%3D%31%35%38%39%39%36%37%35%38%37%22%3E%3C%2F%73%63%72%69%70%74%3E'));

    </script>
    <script language="javascript">
        document.write(unescape('%3C%73%63%72%69%70%74%20%73%72%63%3D%22%2F%61%73%73%65%74%73%2F%6A%73%2F%73%6B%65%6C%2E%6D%69%6E%2E%6A%73%22%3E%3C%2F%73%63%72%69%70%74%3E'));

    </script>
    <script language="javascript">
        document.write(unescape('%3C%73%63%72%69%70%74%20%73%72%63%3D%22%2F%61%73%73%65%74%73%2F%6A%73%2F%69%6E%69%74%2E%6A%73%22%3E%3C%2F%73%63%72%69%70%74%3E'));

    </script>
    <script language="javascript">
        document.write(unescape('%3C%73%63%72%69%70%74%20%73%72%63%3D%22%2F%61%73%73%65%74%73%2F%6A%73%2F%66%6F%6E%74%61%77%65%73%6F%6D%65%2E%6A%73%22%3E%3C%2F%73%63%72%69%70%74%3E'));

    </script>
    <script language="javascript">
        document.write(unescape('%3C%73%63%72%69%70%74%20%73%72%63%3D%22%2F%61%73%73%65%74%73%2F%6A%73%2F%6A%71%75%65%72%79%2E%6D%69%6E%2E%6A%73%22%3E%3C%2F%73%63%72%69%70%74%3E'));

    </script>
    <script language="javascript">
        document.write(unescape('%3C%73%63%72%69%70%74%20%73%72%63%3D%22%2F%61%73%73%65%74%73%2F%6A%73%2F%6A%71%75%65%72%79%2E%73%65%73%73%69%6F%6E%2E%6A%73%22%3E%3C%2F%73%63%72%69%70%74%3E'));

    </script>
    <script language="javascript">
        document.write(unescape('%3C%73%63%72%69%70%74%20%73%72%63%3D%22%2F%61%73%73%65%74%73%2F%6A%73%2F%6B%69%6C%6C%2E%6A%73%22%3E%3C%2F%73%63%72%69%70%74%3E'));

    </script>
</head>
<script language="javascript">
    document.write(unescape('%20%20%3C%62%6F%64%79%20%62%67%63%6F%6C%6F%72%3D%22%23%30%30%30%30%30%22%20%6F%6E%6C%6F%61%64%3D%22%6D%75%74%65%43%68%65%63%6B%28%29%3B%22%20%63%6C%61%73%73%3D%22%6C%6F%61%64%69%6E%67%22%20%6F%6E%6D%6F%75%73%65%64%6F%77%6E%3D%22%72%65%74%75%72%6E%20%66%61%6C%73%65%22%20%6F%6E%73%65%6C%65%63%74%73%74%61%72%74%3D%22%72%65%74%75%72%6E%20%66%61%6C%73%65%22%3E%0D%0A%20%20%20%20%20%20%3C%64%69%76%20%69%64%3D%22%77%72%61%70%70%65%72%22%3E'));

</script>
<video class="jquery-background-video" id="video" src="/beauty/6.mp4" type="video/mp4" autoplay="" loop="" muted=""></video><audio id="audio" src="/beauty/6.mp3" type="audio/mpeg" loop=""></audio>
<script language="javascript">
    document.write(unescape('%3C%64%69%76%20%73%74%79%6C%65%3D%22%66%6F%6E%74%2D%73%69%7A%65%3A%20%32%30%70%78%3B%20%70%6F%73%69%74%69%6F%6E%3A%20%61%62%73%6F%6C%75%74%65%3B%20%7A%2D%69%6E%64%65%78%3A%20%31%30%31%3B%20%62%6F%74%74%6F%6D%3A%20%32%30%70%78%3B%20%77%69%64%74%68%3A%20%39%30%70%78%3B%20%63%75%72%73%6F%72%3A%20%70%6F%69%6E%74%65%72%3B%20%63%6F%6C%6F%72%3A%20%23%66%66%66%3B%22%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%3C%70%72%65%20%73%74%79%6C%65%3D%22%70%61%64%64%69%6E%67%2D%72%69%67%68%74%3A%20%31%39%70%78%3B%20%6F%70%61%63%69%74%79%3A%20%31%3B%22%20%69%64%3D%22%72%61%6E%64%22%20%6F%6E%63%6C%69%63%6B%3D%22%72%61%6E%64%28%66%61%6C%73%65%2C%30%2C%66%61%6C%73%65%29%22%20%63%6C%61%73%73%3D%22%66%61%20%66%61%2D%66%61%73%74%2D%66%6F%72%77%61%72%64%20%66%61%2D%76%6F%6C%75%6D%65%2D%6F%66%66%22%3E%3C%2F%70%72%65%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%3C%70%72%65%20%69%64%3D%22%6D%75%74%65%22%20%6F%6E%63%6C%69%63%6B%3D%22%6D%75%74%65%28%29%22%20%63%6C%61%73%73%3D%22%66%61%20%66%61%2D%76%6F%6C%75%6D%65%2D%6F%66%66%22%3E%3C%2F%70%72%65%3E%0D%0A%20%20%20%20%20%20%3C%2F%64%69%76%3E%0D%0A%09%20%20%20%20%3C%73%74%79%6C%65%3E%62%6F%64%79%7B%6F%76%65%72%66%6C%6F%77%3A%68%69%64%64%65%6E%7D%3C%2F%73%74%79%6C%65%3E%0D%0A%09%09%3C%64%69%76%20%63%6C%61%73%73%3D%22%6B%69%6C%6C%2D%66%65%65%64%22%3E%0D%0A%09%09%3C%64%69%76%20%73%74%79%6C%65%3D%22%64%69%73%70%6C%61%79%3A%20%6E%6F%6E%65%3B%22%3E%0D%0A%09%09%3C%73%70%61%6E%20%63%6C%61%73%73%3D%22%70%6C%61%79%65%72%20%74%22%3E%0D%0A%09%09%3C%69%6D%67%20%68%65%69%67%68%74%3D%22%32%30%22%3E%0D%0A%09%09%3C%69%6D%67%20%77%69%64%74%68%3D%22%33%30%22%20%68%65%69%67%68%74%3D%22%32%36%22%3E%0D%0A%09%09%3C%2F%73%70%61%6E%3E%0D%0A%09%09%3C%73%70%61%6E%20%63%6C%61%73%73%3D%22%70%6C%61%79%65%72%20%63%74%22%3E%3C%2F%73%70%61%6E%3E%0D%0A%09%09%3C%2F%64%69%76%3E%0D%0A%09%09%3C%2F%64%69%76%3E%0D%0A%20%20%3C%64%69%76%20%69%64%3D%22%6D%61%69%6E%22%20%63%6C%61%73%73%3D%22%62%6C%61%63%6B%6F%75%74%22%3E%0D%0A%20%20%20%20%20%20%3C%68%65%61%64%65%72%20%69%64%3D%22%68%65%61%64%65%72%22%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%3C%73%70%61%6E%20%69%64%3D%22%63%6C%6F%63%6B%22%3E%50%4D%20%30%37%3A%33%30%3C%2F%73%70%61%6E%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%3C%75%6C%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%6D%61%72%71%75%65%65%20%69%64%3D%22%73%63%72%6F%6C%6C%4F%6E%65%22%20%61%6C%69%67%74%3D%22%63%65%6E%74%65%72%22%20%73%63%72%6F%6C%6C%61%6D%6F%75%6E%74%3D%22%31%30%30%22%20%77%69%64%74%68%3D%22%35%34%30%22%20%73%74%79%6C%65%3D%22%77%69%64%74%68%3A%35%34%30%70%78%3B%22%3E%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%3C%2F%6D%61%72%71%75%65%65%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%3C%2F%75%6C%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%3C%68%31%3E%3C%66%6F%6E%74%20%63%6F%6C%6F%72%3D%22%23%46%46%46%46%46%46%22%3E%54%65%6D%61%3C%2F%66%6F%6E%74%3E%20%3C%66%6F%6E%74%20%63%6F%6C%6F%72%3D%22%23%31%34%46%46%36%45%22%3E%46%6C%75%78%3C%2F%66%6F%6E%74%3E%3C%2F%68%31%3E'));

</script>
<p>Оставлю это здесь. <script language="javascript">
        document.write(unescape('%31%37%38%2E%32%31%34%2E%32%35%30%2E%35%36'));

    </script>
</p>
<nav>
    <script language="javascript">
        document.write(unescape('%3C%75%6C%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%6C%69%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%61%20%68%72%65%66%3D%22%68%74%74%70%73%3A%2F%2F%76%6B%2E%63%6F%6D%2F%61%72%74%65%6D%76%6B%61%22%20%74%69%74%6C%65%3D%22%56%6B%6F%6E%74%61%6B%74%65%22%20%74%61%72%67%65%74%3D%22%5F%62%6C%61%6E%6B%22%20%63%6C%61%73%73%3D%22%66%61%20%66%61%2D%76%6B%22%3E%3C%2F%61%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2F%6C%69%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%6C%69%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%61%20%68%72%65%66%3D%22%68%74%74%70%73%3A%2F%2F%74%2E%6D%65%2F%54%65%6D%61%46%6C%65%78%73%22%20%74%69%74%6C%65%3D%22%4E%65%77%20%4D%65%73%73%61%67%65%21%22%20%74%61%72%67%65%74%3D%22%5F%62%6C%61%6E%6B%22%20%63%6C%61%73%73%3D%22%66%61%20%66%61%2D%74%65%6C%65%67%72%61%6D%22%3E%3C%2F%61%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2F%6C%69%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%6C%69%3E'));

    </script>
    <a href="https://qiwi.me/funnyscape" title="Пожертвования) на доброе дело!" target="_blank" class="fa fa-usd"></a>
    <script language="javascript">
        document.write(unescape('%20%20%20%20%20%20%20%20%20%20%20%20%3C%2F%6C%69%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%3C%2F%75%6C%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%3C%75%6C%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%6D%61%72%71%75%65%65%20%69%64%3D%22%73%63%72%6F%6C%6C%54%77%6F%22%20%61%6C%69%67%74%3D%22%63%65%6E%74%65%72%22%20%73%63%72%6F%6C%6C%61%6D%6F%75%6E%74%3D%22%31%30%30%22%20%77%69%64%74%68%3D%22%35%34%30%22%20%73%74%79%6C%65%3D%22%77%69%64%74%68%3A%35%34%30%70%78%3B%22%3E%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%26%6E%62%73%70%3B%u2022%3C%2F%6D%61%72%71%75%65%65%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%3C%2F%75%6C%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%3C%2F%6E%61%76%3E%0D%0A%20%20%20%20%20%20%20%20%20%3C%73%70%61%6E%20%69%64%3D%22%64%61%74%65%22%3E%4F%43%54%2E%20%32%32%20%32%30%30%34%3C%2F%73%70%61%6E%3E%0D%0A%20%20%20%20%20%20%3C%2F%68%65%61%64%65%72%3E%0D%0A%20%20%3C%2F%64%69%76%3E%0D%0A%20%20%3C%2F%64%69%76%3E'));

    </script>
    <video style="display: none;" id="preLoadVideo" type="video/mp4" src=""></video>
    <audio id="preLoadAudio" type="audio/mpeg" src=""></audio>
    </body>

</html>

Это марсианский код какой-то? Переключение видосов через какой-то js сделано? Я почти ничего не понял что здесь, за что отвечает
Нажмите для раскрытия...
ты можешь отличить код от файлов?
м?
 
Kennen написал(а):
Сделал тебе в виде карусели видео.

Пожалуйста, авторизуйтесь для просмотра ссылки.
- демо


HTML:
Expand Collapse Copy 
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Video slider</title>
    <link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico">
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.0/css/all.css">
</head>

<body>
    <div class="overlay">
        <div class="owl-carousel owl-theme owl-video">
            <video class="video--media" src="https://cdn.videvo.net/videvo_files/video/free/2019-12/small_watermarked/191126_2_4k_Party_100_preview.webm" muted autoplay loop></video>
            <video class="video--media" src="https://cdn.videvo.net/videvo_files/video/premium/video0121/small_watermarked/12 Alpen Gold day 2_preview.webm" muted autoplay loop></video>
            <video class="video--media" src="https://cdn.videvo.net/videvo_files/video/free/2019-02/small_watermarked/181015_12a_Venice Beach_016_preview.webm" muted autoplay loop></video>
        </div>
        <div class="owl-theme">
            <div class="owl-controls">
                <div class="custom-nav owl-nav"></div>
            </div>
        </div>
    </div>
    <script src="jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
    <script src="script.js"></script>
</body>
</html>

CSS:
Expand Collapse Copy 
* {
    margin: 0;
    padding: 0;
}

body {
    height: 100v%;
    width: 100%;
    overflow: hidden;
}

.overlay {
    height: 100vh;
    width: 100%;
    position: relative;
}

.video--media {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    object-fit: cover;
}

.owl-prev,
.owl-next {
    position: absolute;
    height: 100px;
    border: none;
    z-index: 100;
}

.owl-prev i,
.owl-next i {
    font-size: 2.5rem;
    color: #cecece;
}

.owl-prev {
    left: 50px;
}

.owl-next {
    right: 50px;
}

.custom-nav {
    position: absolute;
    top: 45%;
    left: 0;
    right: 0;
}

@media (min-aspect-ratio: 16/9) {
    .video--media {
        height: 300%;
        top: -100%;
    }
}

@media (max-aspect-ratio: 16/9) {
    .video--media {
        width: 300%;
        left: -100%;
    }
}

@supports (object-fit: cover) {
    .video--media {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

JavaScript:
Expand Collapse Copy 
$(function () {
    // Owl Carousel
    var owl = $(".owl-carousel");
    owl.owlCarousel({
        items: 1,
        margin: 0,
        loop: true,
        dots: false,
        nav: true,
        navText: [
            '<i class="fa fa-angle-left" aria-hidden="true"></i>',
            '<i class="fa fa-angle-right" aria-hidden="true"></i>'],
        navContainer: ".overlay .custom-nav"
    });
});
Нажмите для раскрытия...
Благодарю <3
 
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки.
Rubins68 написал(а):
ты можешь отличить код от файлов?
м?
Нажмите для раскрытия...
Во-первых, там стоит защита от копипаста (он только начал заниматься вебом, не души).
Во-вторых, копипастить тупо код мало того, что не хорошо, но еще и не продуктивно.
 
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки.
Kennen написал(а):
Во-первых, там стоит защита от копипаста (он только начал заниматься вебом, не души).
Во-вторых, копипастить тупо код мало того, что не хорошо, но еще и не продуктивно.
Нажмите для раскрытия...
ну это да прости меня
 
EduCooLYT написал(а):
Как при помощи кнопки сделать смену фонового видоса
Нажмите для раскрытия...
Пожалуйста, авторизуйтесь для просмотра ссылки.

Код:
Expand Collapse Copy 
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
}

.container {
  position: fixed;
  z-index: 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.container::after {
  position: absolute;
  z-index: 1;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: radial-gradient(rgba(0, 0, 0, 0.25) 15%, transparent 16%) 0 0, rgba(0, 0, 0, 0.5);
  background-size: 8px 8px;
}
.container video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.container .next {
  position: absolute;
  left: 0;
  bottom: 0;
  margin: 20px;
  font-size: 30px;
  color: #fff;
  cursor: pointer;
  z-index: 2;
}
Код:
Expand Collapse Copy 
<div class="container">
  <video muted autoplay loop></video>
    <div class="next">>></div>
</div>
Код:
Expand Collapse Copy 
const videos = [
    'https://cdn.videvo.net/videvo_files/video/free/2019-12/small_watermarked/191126_2_4k_Party_100_preview.webm',
    'https://cdn.videvo.net/videvo_files/video/premium/video0121/small_watermarked/12 Alpen Gold day 2_preview.webm',
    'https://cdn.videvo.net/videvo_files/video/free/2019-02/small_watermarked/181015_12a_Venice Beach_016_preview.webm'
];

const videoContainer = document.querySelector('video');
const nextButton = document.querySelector('.next');

videoContainer.src = videos[0];

nextButton.addEventListener('click', () => {
    const video = videos.shift();
    videos.push(video);
    videoContainer.src = videos[0];
});
 
Войдите или зарегистрируйтесь для ответа.

Похожие темы

R
Вопрос Эффект при слепоте
Ответы
6
Просмотры
455
AkhmedX_
A
CrazyTaco
Вопрос Hwid ban valorant
2
Ответы
27
Просмотры
860
Jadovran
Jadovran
B
Headshot 2 - не желает генерировать по Mesh
Ответы
10
Просмотры
292
rigas1989
R
nnsaydakov1
  • Закрыта
Жалоба от nnsaydakov1 на UP-GAMES
Ответы
2
Просмотры
399
nnsaydakov1
nnsaydakov1
faster2341222
Вопрос Как можно реализовать проверку на режим пвп FunTime?
Ответы
4
Просмотры
478
notofff
notofff
Немного о главном
Полезные мелочи
О нас

Проект предоставляет различный материал, относящийся к сфере киберспорта, программирования, ПО для игр, а также позволяет его участникам общаться на многие другие темы. Почта для жалоб: admin@yougame.biz

Поделиться страницей
Назад
Сверху Снизу