在iPhone上使用html5視頻事件時，如何從簡單的暫停中點擊「完成」按鈕點擊？

Question

我有一個使用HTML5視頻標籤的iPhone的網頁。在iPhone上，這些嵌入式視頻在本地播放器中播放。我想檢查視頻何時結束和，當用戶通過「完成」按鈕解除視頻時。最初，我試過這個：

var video = $("#someVideo").get(0);   
video.addEventListener('ended', myFunction); 

但是，只有當視頻被允許完成時纔會觸發。一些玩過其他事件（暫停，停頓，等待）後，我發現「完成」按鈕會觸發「暫停」事件。然而，當我補充一點：

video.addEventListener('pause', myFunction); 

我的代碼被稱爲無論是從「完成」按鈕和當用戶點擊的播放控件暫停按鈕。第二種情況是不可取的;我只想要第一個案子，但事件似乎沒有給我足夠的信息。

有誰知道一種方式來告訴用戶何時擊中iPhone播放器中的「完成」按鈕（而不是簡單地暫停）？

Answer 1

有一個事件稱爲「結束」，您應該使用，請參閱http://www.whatwg.org/specs/web-apps/current-work/multipage/video.html#event-media-ended。

Answer 2

只需在您的暫停功能中檢查webkitDisplayingFullscreen布爾值。按「完成」或「暫停」會觸發暫停事件，但「完成」的操作稍微像是從全屏模式退出一樣。做這個檢查將幫助你區分2個按鈕。 下面的一些示例代碼。

<script> 
var html5Video = function() { 
    return { 
     init: function() { 
      var video = document.getElementsByTagName('video')[0]; 
      video.addEventListener('ended', endVideo, false); 
      video.addEventListener('pause', pauseVideo, false); 
     } 
    }; 
}(); 

function endVideo() { 
    alert("video ended"); 
} 

function pauseVideo() { 
    var video = document.getElementsByTagName('video')[0]; 
    if (!video.webkitDisplayingFullscreen) 
     endVideo(); 
} 

html5Video.init(); 

</script> 

Answer 3

這是你所需要的：

yourplayer.addEventListener('webkitendfullscreen', onPlayerExitFullscreen, false); 

反之亦然

yourplayer.addEventListener('webkitbeginfullscreen', onPlayerEnterFullscreen, false); 

這裏還有一個回答你的問題，我發現：How to figure out when a HTML5 video player enters the full screen mode on iOS/iPads?