SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Wizard donboe's Avatar
    Join Date
    Jun 2010
    Location
    Netherlands
    Posts
    2,068
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Start animation after anoteh function is ended

    Hi. I use the following function for a full screen video background:
    Code:
      $('.video-background').videobackground({
        videoSource: [
          ['video/porsche.mp4',  'video/mp4'], 
          ['video/porsche.webm', 'video/webm'],   
          ['video/porsche.ogv',  'video/ogg']
        ], 
        poster: 'video/porsche.jpg',
        loadedCallback: function() {
          $(this).videobackground('mute');
    			
        }
      });
    What I would like is the following animation to be executed when the videobackground is finished:
    Code:
    $("#header").animate({top: '+=70'}, 900, 'easeOutBounce');
    How can I do so?

    Thank you in advance
    “Good artists copy, great artists steal” (Pablo Picasso - 1934)

  2. #2
    padawan silver trophybronze trophy markbrown4's Avatar
    Join Date
    Jul 2006
    Location
    Victoria, Australia
    Posts
    4,107
    Mentioned
    28 Post(s)
    Tagged
    2 Thread(s)
    Which jquery plugin are you using? there's no way to say without knowing what the plugin is doing.

    You would need the plugin to support an 'ended' callback which you can hook into.
    For HTML5 you could listen to the 'ended' event on the <video> element, but the plugin probably has a flash fallback so you would need to use a plugin that fires that callback for all versions of the player.

  3. #3
    SitePoint Wizard donboe's Avatar
    Join Date
    Jun 2010
    Location
    Netherlands
    Posts
    2,068
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi Mark. I am using the jquery-videobackground plugin from George Paterson. I am not a very specialized jQuery user so I don't know where to look at when you say:
    You would need the plugin to support an 'ended' callback which you can hook into.
    I hope you can see what is possible and what not
    “Good artists copy, great artists steal” (Pablo Picasso - 1934)


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •