moay / afterglow

HTML5 video player made easy.
http://afterglowplayer.com
MIT License
234 stars 47 forks source link

Ability to add html overlay #80

Closed sagarthakar closed 5 years ago

sagarthakar commented 5 years ago

Hi,

Please provide ability to provide html overlay on video, i tried using custom code but it does not work when we use afterglow class in the video syntax.

It will be helpful if you can provide ability to add html overlay.

Thanks

moay commented 5 years ago

For v1, this is not that easy. Doable, but not that easy. Steps:

Something like this:

afterglow.on('myPlayer', 'play', function() {
    // Find the current player node and do whatever you like
} 

For v2, it'll be easier. The node will be ready within the player instance:

afterglow.on('myPlayer', 'ready', function(event) {
    var nodeYouAreLookingFor = event.instance.mediaelement.container.node;
    // Append your stuff to the container
} 

In both cases you'll want to know what you are doing in javascript.

Closed, as this is not an issue but a help request. Please consider making help requests in the community.