MediaElementJs Firefox 플래시 대체 "this.pluginApi.pauseMedia는 함수가 아닙니다."

Question

mediaelementjs 구현에 문제가 있습니다. 비디오 소스를 변경할 링크 목록이 필요합니다. 문제는 내가 링크를 가리키면 두 번째로 클릭 버튼을 클릭 할 때마다 debbugger가 "this.pluginApi.pauseMedia가 함수가 아닙니다."라고 말합니다. Firefox에서 플래시 폴백이 발생합니다.

<script type="text/javascript"> 
var player = null; 
var videoCounter = 0; 
var videoSubsLang = 'es'; 


function loadVideo(videoSource){ 
    if(player != null){ 
     //player.pause(); 
    } 

    player = null; 

    if(typeof(videoSource)==='undefined') videoSource = ''; 

    var videoURL = 'video.mp4'; 

    $("#mep_"+videoCounter).remove(); 

    var htmlVideo = '<video width="512" height="384" src="'+videoURL+'" id="player" poster="video.jpg" controls="controls" preload="auto">'; 
    htmlVideo += '<track kind="subtitles" src="video_en.srt" srclang="en" />'; 
    htmlVideo += '<object width="512" height="384" type="application/x-shockwave-flash" data="js/player_mejs/flashmediaelement.swf">'; 
    htmlVideo += '<param name="movie" value="js/player_mejs/flashmediaelement.swf" />'; 
    htmlVideo += '<param name="flashvars" value="controls=true&file='+videoURL+'" />'; 
    htmlVideo += '</object>'; 
    htmlVideo += '</video>'; 

    $('#tutsVideoHolder').append(htmlVideo); 


    player = new MediaElementPlayer('#player', {startLanguage: videoSubsLang, features: ['playpause','progress','current','duration','tracks','volume','fullscreen'], translationSelector: false, 
     success: function (mediaElement) { 
      alert('success'); 
      // add event listener 
      mediaElement.addEventListener('pause', function(e) { 
       alert('pause'); 
      }, true); 

      mediaElement.addEventListener('pause', function(e) { 
       alert('pause'); 
      }, true); 

     } 
    }); 
    videoCounter++; 

} 

$(document).ready(function(){ 

    player = new MediaElementPlayer('#player', {startLanguage: 'en', features: ['playpause','progress','current','duration','tracks','volume','fullscreen'], translationSelector: false}); 

}); 

</script> 

내 HTML은 이것이다 :

<div id="tutsVideoHolder" class="tuts_video_holder left">  
    <video width="512" height="384" id="player" poster="poster.jpg" controls="controls"> 
     <source src="video.mp4" type="video/mp4"/> 

     <track kind="subtitles" src="video_subs.vtt" srclang="en" /> 

     <object width="320" height="240" type="application/x-shockwave-flash" data="js/player_mejs/flashmediaelement.swf"> 
      <param name="movie" value="js/player_mejs/flashmediaelement.swf" /> 
      <param name="flashvars" value="controls=true&file=video.mp4" /> 

      <img src="poster.jpg" width="320" height="240" title="No video playback capabilities" /> 
     </object> 
    </video>   
</div> 

제발 도와주세요 이 비디오를 변경하려면 코드입니다! :)

Answer 1

을 설정하려고 할 때 mediaplayerjs 요소가 사용 중지되어 있으므로 비디오 요소 또는 해당 상위 요소를 사용 중지합니다. 동영상 요소를 숨기거나 표시하는 대신 동영상 요소 또는 상위 요소의 Z- 색인을 변경하는 것이 좋습니다.