Como posso desativar tela cheia em qualquer navegador ?
Segue a imagem onde tem círculo vermelho:
Alguma solução ?
Stack Overflow em Português é um site de perguntas e respostas para programadores profissionais e entusiastas. Leva apenas um minuto para se inscrever.
Inscreva-se para participar desta comunidadeOs controles CSS são esses: Enjoy :)
video::-webkit-media-controls-fullscreen-button {
display: none;
}
video::-webkit-media-controls-play-button {}
video::-webkit-media-controls-play-button {}
video::-webkit-media-controls-timeline {}
video::-webkit-media-controls-current-time-display{}
video::-webkit-media-controls-time-remaining-display {}
video::-webkit-media-controls-time-remaining-display {}
video::-webkit-media-controls-mute-button {}
video::-webkit-media-controls-toggle-closed-captions-button {}
video::-webkit-media-controls-volume-slider {}
<video width="400" height="260" controls="">
<source src="http://cdn.papercut.com/video/home/home2.mp4" type="video/mp4" />
<source src="http://clips.vorwaerts-gmbh.de/VfE.webm" type="video/webm" />
<source src="http://clips.vorwaerts-gmbh.de/VfE.ogv" type="video/ogg" />
</video>
Para isso teria que usar javascript também junto com HTML5, exatamente como colocarei abaixo ira dar certo:
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<title>Teste Video</title>
</head>
<body>
<div style="text-align:center">
<button onclick="playPause()">Play/Pause</button>
<br><br>
<video id="video1" width="420">
<source src="p360-2.mp4" type="video/mp4">
</video>
</div>
<script>
var myVideo = document.getElementById("video1");
function playPause() {
if (myVideo.paused)
myVideo.play();
else
myVideo.pause();
}
</script>
</body>
</html>
tela cheia
.
14/04/2017 às 7:11