Ciao a tutti, ho due video, e vorrei fare in modo che cliccando su di uno, questo si ingrandisca e parta, mentre quello sullo sfondo si blocchi. Cliccando nuovamente su questo grande, si rimpicciolisca e si fermi.
Sono arrivato al punto che il video si ingrandisce e rimpicciolisce al click, e che questo parta:
Help!!
Sono arrivato al punto che il video si ingrandisce e rimpicciolisce al click, e che questo parta:
Codice:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento senza titolo</title>
<script>
document.addEventListener('DOMContentLoaded',function(){
document.getElementById('box').addEventListener('click',function(){
var v = document.getElementsByTagName("video")[0].play;
var w = this.style.width=='80%'?'25%':'80%';
this.style.width = w;
})});
</script>
</head>
<body>
<video controls id='box' onclick="play()" onClick="grande()" width='25%' ><source src="SamsungStory01.mp4" type="video/mp4"></video>
<video controls id='boxi' width='85%' ><source src="SamsungStory01.mp4" type="video/mp4"></video>
</body><style>
#boxi{position:absolute; top:20px; }
#box{position:absolute; z-index:1; top:20px; }
</style>
</html>