Jump to content
TheBnl

Show movie then fade in page [SOLVED]

Recommended Posts

Hey! I'm working on an custom map, i have the map from google and altert the style it all works.But i would like to show a HTML5 movie in an overlapping div and then fade it out afer it is finished.This is what i got so far: Jquery:

 <script type="text/javascript">$('#soundlogo').delay(400).fadeOut(400);</script>

CSS:

 #soundlogo {  height:100%;width:100%;display:block;  background-color:#FFF;position:fixed;z-index:100;}

body:

   <body onload="initialize()">      <div id="soundlogo">   <video width="100%" autoplay>   <source src="video/soundlogo-web.mp4" type="video/mp4" />   Your browser does not support the video tag.</video>  </div><div id="nav"><strong>Mode of Travel: </strong><select id="mode" onchange="calcRoute();">  <option value="DRIVING">Driving</option>   <option value="WALKING">Walking</option>   <option value="BICYCLING">Bicycling</option></select></div>	 <div id="map_canvas" style="width:100%; height:100%"></div>	  </body>

Problem is that the fade never occurs,thanks in advance!

Edited by TheB

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...