Player HTML5 - Show Controls

Max

Administrator
Staff member
Good day.
Please comment out the following lines in player.js
line 247
JavaScript:
            $clearTimeout;
lines 272-282
JavaScript:
            $that.bind('click', function () {
                if ( !stopped ) {
                if ($clearTimeout) {
                    clearTimeout($clearTimeout);
                }
                $that.find('.player').stop(true, false).animate({'opacity': '1'}, 0.5);
                $clearTimeout = setTimeout(function() {
                    $that.find('.player').stop(true, false).animate({'opacity': '0'}, 0.5);
                }, 5000);
                };
            });
lines 338-344
JavaScript:
                            if ( !stopped ) {
                                $that.hover(function () {
                                    $that.find('.player').stop(true, false).animate({'opacity': '1'}, 0.5);
                                }, function () {
                                    $that.find('.player').stop(true, false).animate({'opacity': '0'}, 0.5);
                                });
                                                                };
In this case, custom controls will not be hidden when mouse is moved out of video element
 

Max

Administrator
Staff member
We are using a simple player example - demo. Not the embed.
These lines are not present.
If you wish to always display controls on video in most browsers, you should implement custom controls as done in Embed Player example
 
Top