Start/stop video

newbie01

Nuovo Utente
14 Gen 2014
12
0
0
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:

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>
Help!!
 
Sisi è proprio quello che cercavo!!
Domanda: ma con js è possibile eseguire azioni o comandi in base al minuto del video?
Esempio: al minuto 1 compare un elemento e scompare al minuto 2
 

Discussioni simili