Skicka till URL efter HTML5-Video

2013-01-22 00:28

Permalänk

landen

Medlem

Plats: .
Registrerad: Feb 2004

●

Skicka till URL efter HTML5-Video

Jag har en video som jag vill ska skicka vidare användaren till en annan sida när den är klar.

Koden ser ut såhär nu.

Jag har förstått att det finns ett attribut som heter "onended" man kan använda sig av, men jag förstår inte hur. Är ingen hejare på JAVA heller tyvärr.

Några förslag? Googla, men hittade verkligen inga bra exempel för detta.

Rapportera Redigera

Citera flera Citera

2013-01-22 08:27

Permalänk

str0mback

Medlem

Registrerad: Sep 2011

●

Hmm, det finns ett java alternativ, det är väldigt lätt..
Men, har du din sida online? Eller har du bara en .html fil på ditt skrivbord?

Rapportera Redigera

Citera flera Citera

2013-01-22 08:30

Permalänk

=JoNaZ=

Medlem

Plats: Växjö
Registrerad: Sep 2002

●

Du behöver inte använda java. onended är säkert ett Javascript event så du slipper java helt och hållet.

Rapportera Redigera

Citera flera Citera

2013-01-22 09:03

Permalänk

landen

Medlem

Plats: .
Registrerad: Feb 2004

●

Skrivet av str0mback:

Hmm, det finns ett java alternativ, det är väldigt lätt..
Men, har du din sida online? Eller har du bara en .html fil på ditt skrivbord?

Gå till inlägget

Jag har på min egen dator nu, men inga problem att lägga upp den online för att testa. Gör det någon skillnad?

Skrivet av =JoNaZ=:

Du behöver inte använda java. onended är säkert ett Javascript event så du slipper java helt och hållet.

Gå till inlägget

Jag har förstått att det är ett event ja, men osäker på hur jag kopplar det till att skicka vidare till en URL. Som sagt ingen hejare på JAVA, men brukar kunna förstå sammanhanget om jag ser ett exempel, men hittar inget sådant :/

Rapportera Redigera

Citera flera Citera

2013-01-22 09:11

Permalänk

=JoNaZ=

Medlem

Plats: Växjö
Registrerad: Sep 2002

●

Skrivet av landen:

Jag har på min egen dator nu, men inga problem att lägga upp den online för att testa. Gör det någon skillnad?

Jag har förstått att det är ett event ja, men osäker på hur jag kopplar det till att skicka vidare till en URL. Som sagt ingen hejare på JAVA, men brukar kunna förstå sammanhanget om jag ser ett exempel, men hittar inget sådant :/

Gå till inlägget

första träffen på google på söksträngen "javascript onended":
http://stackoverflow.com/questions/6312714/adding-event-liste...

Rapportera Redigera

Citera flera Citera

2013-01-22 09:43

Permalänk

landen

Medlem

Plats: .
Registrerad: Feb 2004

●

Skrivet av =JoNaZ=:

första träffen på google på söksträngen "javascript onended":
http://stackoverflow.com/questions/6312714/adding-event-liste...

Gå till inlägget

Fast det där gör väl något helt annat än att skicka vidare till en URL?

Rapportera Redigera

Citera flera Citera

2013-01-22 09:58

Permalänk

BuruZ

Medlem

Plats: Norrland
Registrerad: Feb 2004

●

Skrivet av landen:

Fast det där gör väl något helt annat än att skicka vidare till en URL?

Gå till inlägget

Det är ju bara att göra en egen funktion, t.ex såhär.

function redirect(){
window.location = "www.google.se"
}

Rapportera Redigera

Citera flera Citera

2013-01-22 13:54

Permalänk

landen

Medlem

Plats: .
Registrerad: Feb 2004

●

Ok, det säger mig inte så mycket. men jag försöker Såhär ser koden ut nu, men fungerar inte.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<body> 

<script type='text/javascript'>
    document.getElementById('video').addEventListener('ended',myHandler,false);
    function myHandler(e) {
        if(!e) { e = window.event; }
window.location = "http://www.google.com/"    }
</script>


<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Namnlöst dokument</title>
</head>

<video id="video" width="854" height="480" autoplay="autoplay" preload="auto" controls="controls">
<source src="video.mp4" />
<source src="video.ogg" />
</video>

</body>
</html>

Senast redigerat 2013-01-22 16:00

Rapportera Redigera

Citera flera Citera

2013-01-22 16:03

Permalänk

=JoNaZ=

Medlem

Plats: Växjö
Registrerad: Sep 2002

●

Du borde väll göra något i stil med detta? Det kan vara så att du behöver kalla koden på body onload eftersom hela domträdet inte ritats klart när jag kör den nedan.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<body> 

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Videotest</title>
</head>

<video id="video" width="854" height="480" autoplay="autoplay" preload="auto" controls="controls">
<source src="video.mp4" />
<source src="video.ogg" />
</video>

<script src="text/javascript">
    var video = document.getElementById("video")
    video.addEventListener('ended',function(){
        window.location = 'http://www.google.com';
    });

</script>

</body>
</html>

Rapportera Redigera

Citera flera Citera

2013-01-22 16:05

Permalänk

Leedow

Medlem ★

Plats: Falun
Registrerad: Dec 2003

●

=JoNaZ= var före.

Senast redigerat 2013-01-22 16:06 =JoNaZ= var före.

Visa signatur

ηλί, ηλί, λαμά σαβαχθανί!?

Rapportera Redigera

Citera flera Citera

2013-01-22 16:21

Permalänk

landen

Medlem

Plats: .
Registrerad: Feb 2004

●

Jag testade med exakt den koden, men funkar inte :/

Rapportera Redigera

Citera flera Citera

2013-01-22 22:00

Permalänk

landen

Medlem

Plats: .
Registrerad: Feb 2004

●

Har nu testat i Safari, Firefox och Chrome. Fungerar inte i någon :/

Rapportera Redigera

Citera flera Citera

2013-01-23 09:59

Permalänk

=JoNaZ=

Medlem

Plats: Växjö
Registrerad: Sep 2002

●

Vad säger webbläsarens debug konsoll då? Jag testade inte koden innan jag skrev den så visst kan det finnas fel. Men du kan oxå behöva göra som jag skrev och köra den på body onload typ såhär, har du provat det?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<body onload="dothisonload();"> 

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Videotest</title>
</head>

<video id="video" width="854" height="480" autoplay="autoplay" preload="auto" controls="controls">
<source src="video.mp4" />
<source src="video.ogg" />
</video>

<script src="text/javascript">
function dothisonload(){
    var video = document.getElementById("video")
    video.addEventListener('ended',function(){
        window.location = 'http://www.google.com';
    });
};

</script>

</body>
</html>

Kör nu detta och ha firebug javascript error konsollen igång (eller motsvarande i chrome).

Rapportera Redigera

Citera flera Citera

2013-01-23 11:15

Permalänk

Leedow

Medlem ★

Plats: Falun
Registrerad: Dec 2003

●

Slängde ihop en jsfiddle.

http://jsfiddle.net/a8J2Z/

Den fungerar för mig i Windows 7 med Firefox och Chrome.

Visa signatur

ηλί, ηλί, λαμά σαβαχθανί!?

Rapportera Redigera

Citera flera Citera

2013-01-23 13:43

Permalänk

landen

Medlem

Plats: .
Registrerad: Feb 2004

●

Skrivet av Leedow:

Slängde ihop en jsfiddle.

http://jsfiddle.net/a8J2Z/

Den fungerar för mig i Windows 7 med Firefox och Chrome.

Gå till inlägget

Tackar så hemskt mycket, nu händer det grejer. När videon slutar så får jag upp en ruta som säger "myHandler" hur skulle koden se ut för att där stoppa in att den ska skicka vidare till en URL?

Rapportera Redigera

Citera flera Citera

2013-01-23 14:00

Permalänk

Leedow

Medlem ★

Plats: Falun
Registrerad: Dec 2003

●

Skrivet av landen:

Tackar så hemskt mycket, nu händer det grejer. När videon slutar så får jag upp en ruta som säger "myHandler" hur skulle koden se ut för att där stoppa in att den ska skicka vidare till en URL?

Gå till inlägget

istället för

alert("myHandler");

så ska det stå

window.location = 'http://www.google.com';

Jag copy-paste:ade endast koden som fanns i tråden och bytte källa på video så det gick att testa. Du bör kontrollera att det är browseroberoende vilket kan vara svårt i och med HTML5.

Visa signatur

ηλί, ηλί, λαμά σαβαχθανί!?

Rapportera Redigera

Citera flera Citera

2013-01-23 14:25

Permalänk

landen

Medlem

Plats: .
Registrerad: Feb 2004

●

Skrivet av Leedow:

istället för

alert("myHandler");

så ska det stå

window.location = 'http://www.google.com';

Jag copy-paste:ade endast koden som fanns i tråden och bytte källa på video så det gick att testa. Du bör kontrollera att det är browseroberoende vilket kan vara svårt i och med HTML5.

Gå till inlägget

Jag testade i de browsers det är tänkt att fungera för och det fungerade utmärkt. Stort tack!

Rapportera Redigera

Citera flera Citera

Skicka till URL efter HTML5-Video

Skicka till URL efter HTML5-Video

Externa nyheter

Spelnyheter från FZ