1

次のコードを使用してビデオを埋め込みます。

<video controls='false' preload='true' 
        onplay='doPlayEvent()' 
        onpause='doPauseEvent()'
        onended='doEndEvent()';
        src='/the_video.mp4' 
        id='VideoID'>
    <source type='video/mp4' src='/the_video.mp4'></source>
    <source type='video/ogg' src='/the_video.ogg'></source>
    <source type='video/webm' src='/the_video.webm'></source>
</video>

いくつかの奇妙な動作は、FireFoxがフラッシュフォールバックを再生していることです。さらに重要なことに、FFまたはIE8ではonplay、pause、endedイベントが発生していません（フラッシュを使用していると思います）。

フラッシュでイベントを有効にするために私が欠けているものを誰かが知っていますか？

4

1 に答える 1

4

オンプレイ、オンポーズなどをフラッシュフォールバックで機能させるには、MediaElementを作成するJavaScriptにイベントリスナーを追加する必要があります。

mediaElement = new MediaElementPlayer('video',{
    //options etc

    // method that fires when the Flash or Silverlight object is ready
    success: function (mediaElement, domObject) {   

       // add event listeners
       mediaElement.addEventListener('timeupdate', function(e) {
           onVideoTimeUpdate(e);
       }, false);

       mediaElement.addEventListener('pause', function(e) {
           onVideoPaused(e);
       }, false);

       mediaElement.addEventListener('play', function(e) {
           onVideoPlayed(e);
       }, false);

       //etc
   }
于 2012-09-20T10:42:52.470 に答える