Autor | Zpráva | ||
---|---|---|---|
WordpressKokos Profil |
Zdravím,
Chtěl bych postavit velmi simple rotátor kde lidi sledují video, a až skončí, dostanou 10 bodů a to video odrotuje a ukáže se další, nevadí jestli se reloaduje stránka. Mám skript na identifikaci videa, taky na určení když skončí -> tak. A druhý kód na rotaci obrázku. Jak udělat aby: currently playing video when "ended" -> rotate to video2 - UPDATE users SET total = 10 (Tohle umím) Takže: 1. Načti video - všechny url zadám 2. Když je video shlédnuto do konce, rotate na video 2 3. Update balance 10 bodů. Jako bonus, po ukončení všech videí, napsat no more videos for today. Možná je to těžký možná hodně lechký, poďme diskutovat :) 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> |
||
WordpressKokos Profil |
#2 · Zasláno: 4. 10. 2017, 20:45:38
function onPlayerStateChange(event) { if (event.data == YT.PlayerState.ENDED) { // video ended -- do something here... } } Javaskript aby se vědělo kdy video skončilo- Pokud někoho trkne jak to všechno logicky spojit pls napiste |
||
Časová prodleva: 7 let
|
0