Обход политики гугл autoplay

EduCooLYT · 18 Май 2020

Салам форумчане. Нужна хелпа. У кого нить есть инфа по байпасу политики гугла на счёт autoplay? Можете плез хелпануть BlessRNG

unknown1 · 18 Май 2020

EduCooLYT написал(а):
Салам форумчане. Нужна хелпа. У кого нить есть инфа по байпасу политики гугла на счёт autoplay? Можете плез хелпануть BlessRNG

Если к видео тегу добавить атрибут muted, то можно будет воспроизвести видео сразу после загрузки страницы.

EduCooLYT · 19 Май 2020

MoloF написал(а):
Если к видео тегу добавить атрибут muted, то можно будет воспроизвести видео сразу после загрузки страницы.

Ну это ясно дело. А без muted никак не сделать? Просто на некоторых визитках видел, что видос воспроизводится автоплеем, но при этом звук есть)

unknown1 · 19 Май 2020

EduCooLYT написал(а):
А без muted никак не сделать?

никак без него не сделать.

EduCooLYT · 19 Май 2020

MoloF написал(а):
никак без него не сделать.

В сурсах одного из сайтов визиток нашёл вот этот отрывок кода с "байпасом". В качестве 12.mp4 у него стоит какое-то битое видео(которое никак не воспроизводится). Ну а видос joker.mp4 автоплеем включется, причём со звуком.

HTML:

    <!--байпасс--->
          <div class="autoplay">
    <iframe name="frame" id="frame" src="videos/12.mp4" frameborder="0" allowfullscreen class="video" allow="autoplay"></iframe>
        </div>
        <video autoplay id="video" preload="auto" loop="loop"><source src="videos/joker.mp4" type="video/mp4"><script>var video = document.currentScript.parentElement;video.play();video.volume = 0.1;</script></video>

Ты не знаешь случаем как этот байпасс работает и каким образом можно вставить на свой сайт?

EduCooLYT · 19 Май 2020

Так же подключен js в котором есть код связанный "лоадом" #video

JavaScript:

 //лоад
$('#video').delay(0).animate({'opacity':'0.5'},500);
$('.wrapper').delay(0).animate({'opacity':'1'},500);
$('.buttons').delay(0).animate({'opacity':'1'},500);
$('#canvas').delay(0).animate({'opacity':'1'},500);
$('section').delay(0).animate({'opacity':'1'},100);
});

idesync · 19 Май 2020

EduCooLYT написал(а):
Ну это ясно дело. А без muted никак не сделать? Просто на некоторых визитках видел, что видос воспроизводится автоплеем, но при этом звук есть)

Я вообще хз, но в чем проблема вставить ссылку в твою визитку с muted?

EduCooLYT · 19 Май 2020

iDesync написал(а):
Я вообще хз, но в чем проблема вставить ссылку в твою визитку с muted?

Нужна музычка под видосик)

idesync · 19 Май 2020

EduCooLYT написал(а):
Нужна музычка под видосик)

Поставь какой-нить плагин, который будет проигрывать ее, в чем проблема?

Kennen · 19 Май 2020

EduCooLYT написал(а):
Так же подключен js в котором есть код связанный "лоадом" #video

JavaScript:

//лоад $('#video').delay(0).animate({'opacity':'0.5'},500); $('.wrapper').delay(0).animate({'opacity':'1'},500); $('.buttons').delay(0).animate({'opacity':'1'},500); $('#canvas').delay(0).animate({'opacity':'1'},500); $('section').delay(0).animate({'opacity':'1'},100); });

Тут обычная анимация прозрачности.

EduCooLYT · 19 Май 2020

Так усё, сам допёр что как делать.

Инфа мб пригодится кому-нибудь:

index.html переименовываем к примеру в main.html

в main.html файл добавляем данный код (в теге <body> туть </body>: )

HTML:

<div class="autoplay">
    <iframe name="frame" id="frame" src="videos/12.mp4" frameborder="0" allowfullscreen class="video" allow="autoplay"></iframe>
        </div>
        <video autoplay id="video" preload="auto" loop="loop"><source src="videos/joker.mp4" type="video/mp4"><script>var video = document.currentScript.parentElement;video.play();video.volume = 0.1;</script></video>

Теперь нам понадобится любое битое видео, переименовываем его в 12.mp4 и закидываем в папку с сайтом, либо же меняете название и путь к нему в коде

Немного шаманим в подключенном вами css файле:

CSS:

.autoplay{
    display: none;
}

После в index.html создаём любую стартовую страницу. К примеру с кнопкой START, которая переместит нас в main.html

Уаля всё работает)

Пример стартового сайта:
HTML:

HTML:

<html lang="en">
    <head>   
        <meta charset="UTF-8">
        <title>start page</title>   
        <link rel="stylesheet" href="css/style1.css">
        </head>
    <body>
        <div class="main">
           <div class="button">
           <form action="main.html">
            <button class="btn btn1">START!</button>
               </form>
            </div>
        </div>
    </body>
</html>

CSS:

.main{
    width: 100%;;
    height: 100%;
    background-color: black;
}
.button{
    position: relative;
    text-align: center;
    top: 50%;
}
.btn {
    margin: 0 20px;
    padding: 15px 34px;
    overflow: hidden;
    font-family: 'Montserrat Alternates', sans-serif;
    color: white;
    letter-spacing: 1px;   
    text-transform: uppercase;
    font-weight: 600;
    border-width: 0;   
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    outline: none;
    cursor: pointer;
}
.btn1 {
    background: linear-gradient(90deg, #c600b2, #7619fd);
}
.btn:before,
.btn:after {   
    content: "";
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    left: -110%;
    top: 0;
    opacity: 0.1;
    background: black;   
    transform: skewX(25deg);   
    transition: .5s ease;
}
.btn:hover:before {
    left: -10%;
    transition: .3s ease;
}
.btn:hover:after {
    left: -20%;
}

Kennen · 19 Май 2020

EduCooLYT написал(а):
Так усё, сам допёр что как делать.

Инфа мб пригодится кому-нибудь:

index.html переименовываем к примеру в main.html

в main.html файл добавляем данный код (в теге <body> туть </body>: )

HTML:

<div class="autoplay"> <iframe name="frame" id="frame" src="videos/12.mp4" frameborder="0" allowfullscreen class="video" allow="autoplay"></iframe> </div> <video autoplay id="video" preload="auto" loop="loop"><source src="videos/joker.mp4" type="video/mp4"><script>var video = document.currentScript.parentElement;video.play();video.volume = 0.1;</script></video>

Теперь нам понадобится любое битое видео, переименовываем его в 12.mp4 и закидываем в папку с сайтом, либо же меняете название и путь к нему в коде

Немного шаманим в подключенном вами css файле:

CSS:

.autoplay{ display: none; }

После в index.html создаём любую стартовую страницу. К примеру с кнопкой START, которая переместит нас в main.html

Уаля всё работает)

Пример стартового сайта:
HTML:

HTML:

<html lang="en"> <head> <meta charset="UTF-8"> <title>start page</title> <link rel="stylesheet" href="css/style1.css"> </head> <body> <div class="main"> <div class="button"> <form action="main.html"> <button class="btn btn1">START!</button> </form> </div> </div> </body> </html>

CSS:

CSS:

.main{ width: 100%;; height: 100%; background-color: black; } .button{ position: relative; text-align: center; top: 50%; } .btn { margin: 0 20px; padding: 15px 34px; overflow: hidden; font-family: 'Montserrat Alternates', sans-serif; color: white; letter-spacing: 1px; text-transform: uppercase; font-weight: 600; border-width: 0; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); outline: none; cursor: pointer; } .btn1 { background: linear-gradient(90deg, #c600b2, #7619fd); } .btn:before, .btn:after { content: ""; position: absolute; z-index: -1; width: 100%; height: 100%; left: -110%; top: 0; opacity: 0.1; background: black; transform: skewX(25deg); transition: .5s ease; } .btn:hover:before { left: -10%; transition: .3s ease; } .btn:hover:after { left: -20%; }

А ты хорош :CoolStoryBob:

Только хочу сказать, что с таким же успехом ты мог и на главную страничку кнопку поставить). Ведь суть политики autoplay заключается в том, чтобы пользователь взаимодействовал со страницей (нажал на ту же самую кнопку, к примеру).

EduCooLYT · 19 Май 2020

Kennen написал(а):
А ты хорош
Только хочу сказать, что с таким же успехом ты мог и на главную страничку кнопку поставить). Ведь суть политики autoplay заключается в том, чтобы пользователь взаимодействовал со страницей (нажал на ту же самую кнопку, к примеру).

Всё на что хватило моего мозга. Так хотя бы на основной странице типо автоматом врубается видос со звуком :roflanEbalo:

Обход политики гугл autoplay

Похожие темы