preview image flash video

Status
Niet open voor verdere reacties.
G

gast0515

Gebruiker
Lid geworden
4 jan 2010
Berichten
134
Hallo,

ik heb een flash video toegevoegd (insert>media>flv)
De video starts pas als de bezoeker op 'play' geklikt heeft...
Hoe kan ik zorgen dat er een beeld uit de video zichtbaar is i.p.v. zwarte rechthoek?

Alvast dank,
gast0515
 
Laatst bewerkt door een moderator:
Was dat niet een background-img in de <div> plaatsen, en dan voor de flash:
HTML: 
...
<param name="wmode" value="transparent">
...
(eventueel met wmode="transparent" in de <embed>, als er ook een <embed> is)?
 
het is geen <div> dat ik er gebruik.
Wel een <object classid....> </object>

Kan ik dan deze <param name="wmode" value="transparent"> hiervoor gebruiken?
Als wel, waar moet het dan heen?
 
ik heb het geplaatst... maar ik zie dat het filmpje eerste 2 sec. zwart is.
hoe kan ik dan zorgen dat het beeld van de 5de of 10de seconde als preview gebruikt wordt?
 
Heb zelf even een flv toegevoegd in dreamweaver.
Ik had hier de optie (aanvink vakje) "autoplay", waarbij dit veranderde:

HTML: 
  <param name="FlashVars" value="&amp;MM_ComponentVersion=1&amp;skinName=Clear_Skin_1&amp;streamName=m&amp;autoPlay=true&amp;autoRewind=false" />

autoPlay=true&amp;

Hier staat autoplay dus ingesteld op true
 
ja, dat heb ik ook (behalve autoplay want dat wil ik niet).
Om mezelf te citeren:

...ik zie dat het filmpje eerste 2 sec. zwart is.
hoe kan ik dan zorgen dat het beeld van de 5de of 10de seconde als preview gebruikt wordt?
 
nee die moet je gewoon downloaden en ook bij je webpagina in de map scripts zetten
 
Geen <div> maar <object>: ja, dat bedoel ik eigenlijk. En dan de <param... > gewoon opnemen in het rijtje <param>'s dat er al is.
HTML: 
<object id="video-1" classid="...." enz.>
    <param name="movie" value="videos/video-1.swf" />
    <param name="allowScriptAccess" value="always" />
    ...
    <param name="wmode" value="transparent" />

    <embed src="videos/video-1.swf" allowScriptAccess="always" ...
        wmode="transparent">
    </embed>
</object>
CSS:
Code: 
#video-1 {
    background: url(images/video-1-still.png);
    }
Vergelijkbaar: developerscorner.nl/csshunter/swf-in-jpg.htm
Of dit bij jou werkt, kan ik niet 100% garanderen!
Als niet, dan zou het ook mogelijk moeten zijn de flash met een stilstaand beeld te laten beginnen, lijkt me.
Hoe? Dan even wachten op een flash-deskundige hier, want dat ben ik niet. :rolleyes:

Met vriendelijke groet,
CSShunter

[edit]
Holawola! Ik moest even die draaiende wereldbol opzoeken. Intussen zijn er 6 tussentijdse reacties over en weer! :)
Ik reageerde op nummer #3.[/edit]
 
Laatst bewerkt:
is me net te ingewikkeld.....
Klik om te vergroten...
Daar kan ik me iets bij voorstellen. ;)
Nog een workaround, misschien niet zo elegant, maar zou altijd moeten werken:
  • Het <object> inpakken in een <div id="videocontainer">, met de preview (eventueel via een screenshot te bekomen) als img er in.
  • Die in een linkje plaatsen:
    HTML: 
    <div id="videocontainer">
   <a href="#" onclick="playVideo(); return false"><img 
      src="images/video-1-still.png" title="Klik voor afspelen" /></a>
</div>
  • De javascript-functie kan dan het img vervangen door de video (nu wel met autostart="true") in de container te plaatsen.
Iets als:
[JS]function playVideo(){
var videocontainer=document.getElementById('videocontainer');
videocontainer.innerHTML = "<object id="video-1" classid="...." enz.>... het hele handeltje ...</object>"
}[/JS]
 
dank voor alle tips.
Ik neem ze mee voor de volgende keer :-)

Ik heb het filmpje inmiddels ingekort (zwart aan het begin weggehaald).
Het eerste beeld is zonder aanpassingen gewoon zichtbaar als een preview.

gast0515
 
Laatst bewerkt door een moderator:
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan