https://cdn.verificado.net.br/js/playtube_licence.js

1
2//parte de clicar na div e dar Play
3var serios = document.querySelector("#messegepause");
4var overlayIframe = document.querySelector("#overlayIframe");
5var coverImagePause = document.querySelector(".cover-image_pause");
6var playerOverlay = document.querySelector(".player-overlay");
7
8var pauseMessage = document.querySelector(".pause-message");
9var playBtn = document.querySelector(".play-btn");
10var pauseBtn = document.querySelector(".pause-btn");
11
12coverImagePause.style.display = "none"; // Certifique-se de que a imagem de pausa esteja inicialmente oculta
13
14serios.style.display = "none";
15playerOverlay.addEventListener("click", function () {
16    if (player.getPlayerState() == YT.PlayerState.PLAYING) {
17        player.pauseVideo();
18        playButton.style.display = "block";
19        serios.style.display = "block";
20        coverImagePause.style.display = "none";
21        overlayIframe.style.display = "none";
22        /* Mostra a mensagem quando o vídeo é pausado */
23    } else {
24        player.playVideo();
25        playButton.style.display = "none";
26        serios.style.display = "none";
27        coverImagePause.style.display = "block";
28        overlayIframe.style.display = "block";
29        playerOverlay.style.backgroundColor = "rgba(0, 0, 0, 1.0)";
30        /* Esconde a mensagem quando o vídeo está em execução */
31    }
32});
33var coverImage = document.querySelector(".cover-image");
34coverImage.addEventListener("click", function () {
35    coverImage.style.display = "none";
36    player.playVideo();
37    overlayIframe.style.display = "none"; // Esconde o overlayIframe
38});
39
40
41
42function onPlayerStateChange(event) {
43    if (event.data == YT.PlayerState.PLAYING) {
44        playerOverlay.style.backgroundColor = "rgba(150, 100, 100, 0.0)";
45        playButton.style.display = "none"; /* Esconde o botão play quando o vídeo está em execução */
46        coverImagePause.style.display = "none";
47    } else {
48        playerOverlay.style.backgroundColor = "rgba(0,0,0,1)";
49        playButton.style.display = "block"; /* Mostra o botão play quando o vídeo é pausado */
50        coverImagePause.style.display = "block";
51    }
52}
53function toggleAudio() {
54    if (player.isMuted()) {
55        player.unMute();
56    } else {
57        player.mute();
58    }
59}
60//fim do play na div
61var tag = document.createElement("script");
62
63tag.src = "https://www.youtube.com/iframe_api";
64var firstScriptTag = document.getElementsByTagName("script")[0];
65firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
66
67var serios = document.querySelector("#messegepause");
68//var youtubeVideoId = "Iq9VvWUemSA";
69var player;
70var autoPlay;
71var mute;
72var idDoPlayer;
73function onYouTubeIframeAPIReady() {
74    var autoPlay = localStorage.getItem("autoPlay");
75    var mute = localStorage.getItem("mute");
76    player = new YT.Player(idDoPlayer, {
77        height: "598",
78        width: "100%",
79        videoId: youtubeVideoId,
80        playerVars: {
81            "controls": 0,
82            "disablekb": 1,
83            "modestbranding": 1,
84            "autoplay": autoPlay,
85            "mute": mute
86        },
87        events: {
88            "onReady": onPlayerReady,
89            "onStateChange": onPlayerStateChange
90        }
91    });
92}
93function onPlayerReady(event) {
94    startProgress();
95    // Adicionar um event listener para o elemento .overlay-message
96    document.querySelectorAll(".overlay-message").forEach(function (element) {
97        element.addEventListener("click", function () {
98            element.style.display = "none"; // Ocultar a overlay-message
99            var coverImage = document.querySelector('.cover-image');
100            coverImage.click(); // Simular um clique no elemento cover-image
101        });
102    });
103}
104document.querySelector(".cover-image").addEventListener("click", function () {
105    var overlay = document.querySelector('.overlay-message');
106    if (overlay) {
107        overlay.remove();
108    }
109});
110
111var btnDesativa = document.querySelector(".desativa");
112btnDesativa.addEventListener("click", function () {
113    player.pauseVideo();
114    pauseMessage.style.display = "block";
115});
116
117
118function onPlayerReady(event) {
119    event.target.playVideo();
120}
121
122
123var playButton = document.createElement("div");
124playButton.classList.add("play-button");
125document.getElementById("player-container").appendChild(playButton);

126var overlay = document.querySelector('.overlay-message');
127
128function onPlayerStateChange(event) {
129    var overlay = document.querySelector('.overlay-message');
130
131    if (event.data == YT.PlayerState.PLAYING) {
132        continueProgress();
133        playerOverlay.style.backgroundColor = "rgba(150, 100, 100, 0.0)";
134        playerOverlay.style.opacity = "0"; // Opacidade 0% quando em estado de play
135        playButton.style.display = "none";
136        serios.style.display = "none"; /* Esconde a imagem quando o vídeo está em execução */
137
138        // Oculta a overlay e remove seu conteúdo
139        if (overlay) {
140            overlay.style.display = "none";
141            overlay.innerHTML = "";
142        }
143        // Inicia a barra de progresso
144        // startProgressBar();
145    } else {
146        playerOverlay.style.backgroundColor = "rgba(150, 100, 100, 1)";
147        playerOverlay.style.opacity = "1"; // Opacidade 100% quando em estado de pause
148        playButton.style.display = "block";
149        serios.style.display = "block"; /* Mostra a imagem quando o vídeo é pausado */
150
151        // Mostra a overlay (se necessário)
152        if (overlay) {
153            overlay.style.display = "block";
154        }
155
156        // Pausa a barra de progresso
157        // pauseProgressBar();
158    }
159}
160
161document.querySelectorAll(".overlay-message").forEach(function (element) {
162    element.addEventListener("click", function () {
163        element.remove();
164        player.playVideo(); // Dar play no vídeo quando o elemento .overlay-message for clicado
165    });
166});
167
168
169// Adiciona evento de clique na overlay-message para pausar o vídeo e ocultar a div
170overlay.addEventListener("click", function () {
171    player.pauseVideo();
172    setTimeout(function () {
173        overlay.style.display = "none"; // Oculta a div .overlay-message
174    }, 100); // Aguarda 100 milissegundos antes de ocultar a div
175});
176
177// Adiciona evento de clique no playerOverlay para ocultar a overlay-message se alguém clicar fora dela
178playerOverlay.addEventListener("click", function (event) {
179    if (event.target === playerOverlay) {
180        overlay.style.display = "none"; // Oculta a div .overlay-message
181    }
182});
183function onPlayerReady(event) {
184    // Adicionar um event listener para o elemento .overlay-message
185    document.querySelectorAll(".overlay-message").forEach(function (element) {
186        element.addEventListener("click", function () {
187            element.remove();
188            player.playVideo(); // Dar play no vídeo quando o elemento .overlay-message for clicado
189        });
190    });
191}
192
193//botões de controles:
194
195function togglePlay() {
196    player.playVideo();
197    coverImage.style.display = "none";
198    coverImage.click();
199    $(this).hide();
200}
201
202function togglePause() {
203    player.pauseVideo();
204}
205function toggleMaximize() {
206    var playerElement = document.getElementById(idDoPlayer);
207    if (playerElement.requestFullscreen) {
208        playerElement.requestFullscreen();
209    } else if (playerElement.mozRequestFullScreen) { // Firefox
210        playerElement.mozRequestFullScreen();
211    } else if (playerElement.webkitRequestFullscreen) { // Chrome, Safari and Opera
212        playerElement.webkitRequestFullscreen();
213    } else if (playerElement.msRequestFullscreen) { // IE/Edge
214        playerElement.msRequestFullscreen();
215    }
216}
217
218
219
220
221
222
223
224