make object hidden

[richard05]

Can someone help me with the code to make an object (video) hidden till it is called by button

[gnomeontherun]

Could you explain more about what you want to do? One way is using some kind of loading script (like AJAX) which would only call the video after the button is pressed, but what kind of object is this?

[richard05]

I am creating something like a media player in which holds numerous videos, which videos remain hidden till it is called upon here some of the code. I have made it hidden but need to be able to call it back

<div style=" visibility:hidden; width:320; border:solid blue 2px; background-color:silver; text-align:center">
<smil:media id="movie2" src="batman.wmv" begin="indefinite" />
</div>

<span style="border:solid silver 2px"
onmouseover="style.cursor='hand'" onmouseout="style.cursor='default'" onclick="seekLocation()">
<span id="watched" style=" width:0; background-color:gold; border:none"></span>
<span id="remaining" style="width:320; background-color:silver; border:none"></span>
</span>




I have created button to play such video when clicked, as so.
<button onclick="movie2.beginElement(); startClock()">batman</button>

[gnomeontherun]

Could you post your functions? I've never worked with SMIL before, but its pretty similar to HTML so I'd like to see what works to start the video.