Autor | Zpráva | ||
---|---|---|---|
WordpressKokos Profil |
#1 · Zasláno: 4. 10. 2017, 21:36:21
Zdravím, postuji toto znova do javascriptu, potřebuji experta který by mi vysvětlil jak spojit tyto kódy aby místo obrázku rotovaly videa, a po skončení (ended) se odrotovaly na video 2, ne po určitém čase.
Díky!!!!! video = document.getElementById('myvid'); video.addEventListener('ended',function() {alert('video is ended'); window.location.href = 'http://www.google.com';}) <body> <video id="video1" controls="controls"> <source src="video.mp4" type="video/mp4"> </video> </body> <script language="JavaScript1.2"> var howOften = 5; //number often in seconds to rotate var current = 0; //start the counter at 0 var ns6 = document.getElementById&&!document.all; //detect netscape 6 // place your images, text, etc in the array elements here var items = new Array(); items[0]="<a href='link.htm' ><img alt='image0 (9K)' src=' /Images/image0.jpg' height='300' width='300' border='0' /></a>"; //a linked image items[1]="<a href='link.htm'><img alt='image1 (9K)' src='/Images/image1.jpg' height='300' width='300' border='0' /></a>"; //a linked image items[2]="<a href='link.htm'><img alt='image2 (9K)' src='/Images/image2.jpg' height='300' width='300' border='0' /></a>"; //a linked image items[3]="<a href='link.htm'><img alt='image3 (9K)' src='/Images/image3.jpg' height='300' width='300' border='0' /></a>"; //a linked image items[4]="<a href='link.htm'><img alt='image4 (9K)' src='/Images/image4.jpg' height='300' width='300' border='0' /></a>"; //a linked image items[5]="<a href='link.htm'><img alt='image5 (18K)' src='/Images/image5.jpg' height='300' width='300' border='0' /></a>"; //a linked image function rotater() { document.getElementById("placeholder").innerHTML = items[current]; current = (current==items.length-1) ? 0 : current + 1; setTimeout("rotater()",howOften*1000); } function rotater() { if(document.layers) { document.placeholderlayer.document.write(items[current]); document.placeholderlayer.document.close(); } if(ns6)document.getElementById("placeholderdiv").innerHTML=items[current] if(document.all) placeholderdiv.innerHTML=items[current]; current = (current==items.length-1) ? 0 : current + 1; //increment or reset setTimeout("rotater()",howOften*1000); } window.onload=rotater; //--> </script> |
||
weroro Profil |
Pre jeden formát videa (v tvojom prípade .mp4) a bez preloaderu: Živá ukázka
|
||
WordpressKokos Profil |
#3 · Zasláno: 5. 10. 2017, 13:21:53
Děkuji moc!!! Mohl by jsi mi vysvětlit jak to udělat pro youtube videa? Místo mp4 linky z youtubu?
Našel jsem tento kód: function onPlayerStateChange(event) { switch(event.data) { case YT.PlayerState.ENDED: log('Video has ended.'); Který se zhoduje s tvým: this.setVideoEndEvent = function () { self.videoPlayer.addEventListener('ended', function () { self.rotateVideo(); }); return self; }; Jde to nějak spojit na youtube url ? Díky |
||
WordpressKokos Profil |
#4 · Zasláno: 6. 10. 2017, 01:33:56
Ok už jsem na to přišel, díky.
|
||
Časová prodleva: 7 let
|
0