2012-10-26 140 views
2

當我從我的Android打開html5視頻並自動轉到全屏時,我想要檢測用戶點擊後退按鈕並離開視頻時,我嘗試了一堆聽衆IN THIS DOC 也嘗試使用webkitfullscreenchange並在此URL中的所有事件。 「結束」事件的作品,但我還需要檢測,當用戶返回並退出視頻。檢測退出全屏html視頻

特別是我的問題是在android 2.3.5中,當用戶點擊播放,自動轉到全屏,然後改變視頻的方向,然後點擊回來。那時我的頁面被全部搞砸了,因爲它在視頻中並沒有激發onorientationchange事件,這就是爲什麼我需要重新設計我的圖層。如果有人知道或遇到過類似的問題,請讓我知道你是怎麼解決它,謝謝

編輯 我也想知道是否有用於海報的任何解決方案正在縮小其規模,一旦影片播放

回答

1

我想不出直接解決你的問題,然而我想到了一個解決方法。試試這個:

當用戶點擊視頻開始播放它時,您可以觸發一個JavaScript函數來處理您的顯示/頁面大小。每秒鐘都有重複的功能。此功能可以檢查屏幕寬度,以確定顯示器是否處於橫向模式,然後相應地重新調整圖層的大小。視頻完成後,您的頁面佈局已經被重置。該功能可以繼續監聽方向變換回肖像,此時它將簡單地重新調整圖層的大小,然後停止調用/重複自身。

我知道一旦你點擊了電影,一些設備可能會殺死/停止你頁面上的任何JS進程,在這種情況下,你可以簡單地中斷用戶的點擊,執行你的重新調整大小,然後通過JavaScript調用電影。

我希望這會有所幫助。祝你好運。

+0

其實很有趣,但是我做了一些小小的改變,我的rezise函數可以正常工作,並且我每秒都會用一秒鐘的超時時間來調用它.on('timeupdate',它可以工作,但是我不會認爲是一個很好的解決方案 –

+0

是的,我同意,這不是很好,但只要用戶體驗是無縫的,它將永遠不會被注意到。:-)一切都好。 –

+0

您可以發佈此解決方案的任何相關代碼?我遇到了同樣的問題。 – andy4thehuynh