• I am using WordPress default core player Mediaelement.js to play self-hosted videos.
    By putting the [video] shortcode, I am generating the video rendering code in the front end.

    For event binding I am using the Mediaelement’s events as :

    $(‘video’).bind(‘loadeddata’, function(e) {
    alert(‘loaded’);
    });
    $(‘video’).bind(‘playing’, function(e) {
    alert(‘playing’);
    });
    $(‘video’).bind(‘pause’, function(e) {
    alert(‘pause’);
    });
    $(‘video’).bind(‘ended’, function(e) {
    alert(‘ended’);
    });

    This is working perfectly in Internet Explorer and Firefox. But in case of [tag:Safari], it’s not working.

    Please provide any solution.

  • The topic ‘Video element event binding not working in Safari browser’ is closed to new replies.