Avatar billede ra__mus Nybegynder
29. november 2006 - 01:43 Der er 14 kommentarer og
1 løsning

Thumbnails og flash video player

Jeg har en flash player embedded og vil gerne have nogle thumbnails liggende på samme side, og når der klikkes på dem afspilles den pågældende video i playeren..
Jeg ved bare ikke hvordan jeg skal få thumbnail og player koblet sammen, så den valgte video afspilles...

Nogen der kan hjælpe..
Avatar billede ra__mus Nybegynder
29. november 2006 - 12:04 #1
det er ligesom de har det på www.webmercial.dk , hvor de har nogle thumbnails til højre for playeren..

nogen der ved hvordan man gør det..
Avatar billede olebole Juniormester
29. november 2006 - 13:01 #2
<ole>

Det er lavet i Flash  ;o)

/mvh
</bole>
Avatar billede ra__mus Nybegynder
29. november 2006 - 13:19 #3
olebole
ja okay var i tvivl.. er helt blank både i flash og javascript..
har du ellers nogle hints til hvordan man får det til at virke..
Avatar billede olebole Juniormester
29. november 2006 - 13:38 #4
Hvad er det for filer, du vil afspille?
Avatar billede olebole Juniormester
29. november 2006 - 13:47 #5
Hvis det er Flash-film, kan du vel gøre noget à la (ganske utestet):


<script type="text/JavaScript">
function loadSwf(url) {
    var o = oSwfTempl.cloneNode(true);
    o.setAttribute("data", url);
    o.getElementsByTagName("param")[0].setAttribute("value", url);
    while (oSwfCont.firstChild) oSwfCont.removeChild(oSwfCont.firstChild);
    oSwfCont.appendChild(o);
}

var oSwfTempl = oSwfCont = null;
window.onload = function(){
    oSwfCont = document.getElementById("flashCont");
    var o = oSwfCont.getElementsByTagName("object")[0];
    oSwfTempl = o.cloneNode(true);
    oSwfCont.removeChild(o);
}
</script>

<div id="flashCont">
    <object type="application/x-shockwave-flash" data="" width="200" height="100">
        <param name="movie" value="">
    </object>
</div>

<img src="bla.jpg" onclick="loadSwf('bla.swf')">
Avatar billede ra__mus Nybegynder
30. november 2006 - 12:13 #6
olebole
jeg fandt lige et script som skulle kunne lave det jeg ønsker, men der er et par ting jeg ikke helt forstår... koden er nederst..

i denne :
<body style="margin:20px;" onload="loadPlayer('mediaplayer.xml')">
hvad skal der da stå der hvor der står mediaplayer.xml ?






<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<script type="text/javascript" src="ufo.js"></script>
<script type="text/javascript">
function sendEvent(typ,prm) {
    thisMovie("mediaplayer").sendEvent(typ,prm);
};
function thisMovie(movieName) {
    if(navigator.appName.indexOf("Microsoft") != -1) {
        return window[movieName];
    } else {
        return document[movieName];
    }
};
function getUpdate(typ,pr1,pr2) {
    var id = document.getElementById(typ);
    id.innerHTML = typ+ ": "+Math.round(pr1);
    pr2 == undefined ? null: id.innerHTML += ", "+Math.round(pr2);
};
function loadPlayer(fil) {
    var FO = { movie:"flvplayer.swf",id:"mediaplayer",width:"240",height:"180",majorversion:"8",build:"0",bgcolor:"#FFFFFF",flashvars:"file="+fil+"&enablejs=true&image=streamer.jpg&autostart=true" };
    UFO.create(FO, "player");
};
</script>

<title>Flash MP3 Player - Javascript Control Examples</title>
</head>
<body style="margin:20px;" onload="loadPlayer('mediaplayer.xml')">
<table width="720" cellspacing="0" cellpadding="0" align="center" align="middle">
        <tr>
            <td width="240" height="180">STREAMER0</a></td>
                      <td width="240" height="180"><a href="java script:loadPlayer('video.flv')">STREAMER1</a></td>
                                <td width="240" height="180">STREAMER2</td>
                            </tr>
        <tr>
                                <td><a href="java script:loadPlayer('video.flv')">STREAMER3</a></td>
                                <td><p id="player"><a href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player</a> to see this movie.</p></td>
                                <td width="240" height="180">STREAMER4</td>
                            </tr>
                            <tr>
                                <td width="240" height="180">STREAMER5</td>
                                <td><a href="java script:loadPlayer('video.flv')">STREAMER6</a></td>
                                <td width="240" height="180">STREAMER7</a></td>
                            </tr>

</body>
</html>
Avatar billede olebole Juniormester
30. november 2006 - 12:51 #7
Det kan jeg vist ikke forventes at have en begavet mening om. Du må kunne finde noget dokumentation der, hvor du har fundet scriptet  :)
Avatar billede olebole Juniormester
30. november 2006 - 12:54 #8
- men har du testet det, jeg skrev til dig?
Avatar billede ra__mus Nybegynder
01. december 2006 - 00:16 #9
har skrevet følgende og det tager så lang tid at indlæse det, at jeg ikke er kommet igennem..

<html>
<head>
<script type="text/JavaScript">


function loadSwf(url) {
    var o = oSwfTempl.cloneNode(true);
    o.setAttribute("data", url);
    o.getElementsByTagName("param")[0].setAttribute("value", url);
    while (oSwfCont.firstChild) oSwfCont.removeChild(oSwfCont.firstChild);
    oSwfCont.appendChild(o);
}

var oSwfTempl = oSwfCont = null;
window.onload = function(){
    oSwfCont = document.getElementById("flashCont");
    var o = oSwfCont.getElementsByTagName("object")[0];
    oSwfTempl = o.cloneNode(true);
    oSwfCont.removeChild(o);
}
</script>
</head>
<body >
<div id="flashCont">
    <object type="application/x-shockwave-flash" data="" width="200" height="100">
        <param name="movie" value="">
    </object>
</div>


<img src="streamer.jpg" onclick="loadSwf('flvplayer.swf')">


</body>
</html>
Avatar billede ra__mus Nybegynder
01. december 2006 - 00:39 #10
nu har jeg prøvet med følgende.. men jeg kan ikke se flash playeren, kun billedet..

<html>
<head>
<script type="text/JavaScript">


function loadSwf(url) {
    var o = oSwfTempl.cloneNode(true);
    o.setAttribute("data", url);
    o.getElementsByTagName("param")[0].setAttribute("value", url);
    while (oSwfCont.firstChild) oSwfCont.removeChild(oSwfCont.firstChild);
    oSwfCont.appendChild(o);
}

var oSwfTempl = oSwfCont = null;
window.onload = function(){
    oSwfCont = document.getElementById("flashCont");
    var o = oSwfCont.getElementsByTagName("object")[0];
    oSwfTempl = o.cloneNode(true);
    oSwfCont.removeChild(o);
}
</script>
</head>
<body >
<div id="flashCont">
    <object type="application/x-shockwave-flash" data="" width="200" height="100">
        <param name="movie" value="http://www.komsikomsa.dk/streamer/flvplayer.swf?file=/streamer/video.flv" />
        <embed src="http://www.komsikomsa.dk/streamer/flvplayer.swf?file=/streamer/video.flv"  width="320" height="260" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /><br />
    </object>
</div>


<img src="streamer.jpg" onclick="loadSwf('flvplayer.swf')">


</body>
</html>
Avatar billede ra__mus Nybegynder
01. december 2006 - 00:48 #11
heller ikke dette giver resultat..

<html>
<head>
<script type="text/JavaScript">


function loadSwf(url) {
    var o = oSwfTempl.cloneNode(true);
    o.setAttribute("data", url);
    o.getElementsByTagName("param")[0].setAttribute("value", url);
    while (oSwfCont.firstChild) oSwfCont.removeChild(oSwfCont.firstChild);
    oSwfCont.appendChild(o);
}

var oSwfTempl = oSwfCont = null;
window.onload = function(){
    oSwfCont = document.getElementById("flashCont");
    var o = oSwfCont.getElementsByTagName("object")[0];
    oSwfTempl = o.cloneNode(true);
    oSwfCont.removeChild(o);
}
</script>
</head>
<body >
<div id="flashCont">
    <object type="application/x-shockwave-flash" data="" width="200" height="100">
        <param name="movie" value="flvplayer.swf" />
        <embed src="flvplayer.swf"  width="320" height="260" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
    </object>
</div>






<img src="streamer.jpg" onclick="loadSwf('flvplayer.swf')">


</body>
</html>
Avatar billede ra__mus Nybegynder
03. december 2006 - 19:01 #12
olebole
har du en ide om hvorfor playeren ikke kommer frem...
Avatar billede ra__mus Nybegynder
15. december 2008 - 14:24 #13
olebole
læg et svar så jeg kan lukke
Avatar billede ra__mus Nybegynder
24. oktober 2009 - 23:50 #14
ole læg et svar :-)
Avatar billede ra__mus Nybegynder
27. oktober 2009 - 10:23 #15
ok lukker
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester