• Web Design (WordPress, Joomla, etc.)

  Can you figure out how this page was created?

  Posted by Alex Lesy on October 19, 2011 at 1:23 pm

  This bank has a really cool video tutorial. I am very curious how it was created. I see it’s not flash. Anyone have any ideas?

  https://www.asb.co.nz/Experience/

  Click on “Let’s Begin” to begin the video tutorial.

  Thanks in advance!

  Curtis Thompson replied 14 years, 7 months ago 3 Members · 4 Replies
• 4 Replies

• 

  Curtis Thompson

  October 20, 2011 at 9:05 pm

  hello…

  “Can you figure out how this page was created?”

  yes i can. view source is always your friend… 🙂

  it’s a video in the background (full screen) and then html components overlaying that, some of which control the video.

  something similar to this simple example:

  https://flowplayer.org/demos/configuration/wmode.html

  the video underneath is just mp4 and ogg (both files there for compatibility) – that can be generated in either flash or ae or any other video creation software…

  sitruc
• 

  Fernando Mol

  October 20, 2011 at 11:09 pm

  This also may be an interesting read, if you’re into interactive videos:

  https://popcornjs.org/
• 

  Alex Lesy

  October 21, 2011 at 1:59 pm

  Hey Curtis,

  I did view source and understand it was just a video file but you have answered my question. I never knew html can be set on top of a video. Very cool and thanks for that link!

  -Al
• 

  Curtis Thompson

  October 21, 2011 at 4:06 pm

  hello…

  fair enough – i didn’t mean it to be condescending, but it sorta came across that way – my apologies!

  it is a nicely done site…and it’s a good trick…

  sitruc

Reply to this Discussion! Login or Sign Up