<div>
I figured out the GSAP solution myself.
</div>


<div>
<div class="content wysiwyg-content">
Hi,<br />
<br />
I would like to create an video banner (MP4), with a text appearing over it, after the video stops using GSAP.<br />
<br />
I have created a sample fiddle page here, <a href="https://jsfiddle.net/shalinirubha/jqr1doch/" rel="ugc">https://jsfiddle.net/shalinirubha/jqr1doch/</a><br />
<br />
I am new to GSAP animations. Can some one help to check, if this code is good? or in otherwords, is this the right way of doing it?<br />
<br />
I want to auto play the video in the banner and the text to appear after the video finishes.<br />
<br />
Any help appreciated.<br />
<br />
Thanks.
</div>
</div>


Hi,

I would like to create an video banner (MP4), with a text appearing over it, after the video stops using GSAP.

I have created a sample fiddle page here, https://jsfiddle.net/shalinirubha/jqr1doch/

I am new to GSAP animations. Can some one help to check, if this code is good? or in otherwords, is this the right way of doing it?

I want to auto play the video in the banner and the text to appear after the video finishes.

Any help appreciated.

Thanks.

Video Banner with GSAP

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.