html5視頻 - 讓整個視頻在Android上可點擊播放？

我已將html5視頻添加到我的移動網絡應用，目前爲了播放此視頻，用戶必須點擊視頻左下方的小圖標。是否可以設置視頻，以便用戶點擊播放的任何部分？html5視頻 - 讓整個視頻在Android上可點擊播放？

測試在Android 2.3.3，iOS上的整個視頻似乎是點擊

我當前的代碼：

<video src="video/video.mp4" type="video/mp4" width="300" height="188" class="video" controls preload="none" poster="img/test.png" webkit-playsinline> 
    </video>

感謝

來源

2011-11-21 styler

HTML5視頻具有各種形狀和大小。我們需要更多細節 - 特別是您使用的HTML5播放器。發佈代碼也有幫助。 –

使用jQuery你可以嘗試這樣的事：

$('.video').click(function() { 
    this.play(); 
});

來源

2011-11-21 15:23:48 shanethehat

嘿shane，謝謝你。即時通訊不熟悉只是使用這個我總是儘管它必須是$（這個）。感謝那 – styler

我已經完成了jQuery，並且這是從一箇舊項目的更多代碼修改過來的。如果肯定是錯的，我會很樂意更新答案。 – shanethehat

沒有它工作正常，如果我把更新$（this）我得到的錯誤：對象沒有方法播放 – styler

你可以做一個簡單的click事件截取噸。

jQuery('video').click(function() { 
    if (this.paused) { 
     this.play(); 
    } else { 
     this.pause(); 
    } 
    return false; 
});

問題在於它會覆蓋視頻上的所有默認控件。這意味着用戶將無法使用默認瀏覽器控件。如果您希望視頻的自定義行爲像您要求的那樣，則應使用像VideoJS這樣的框架。此框架具有您要查找的「點擊播放」行爲，以及對視頻播放控件的各個方面進行樣式設置的能力。

來源

2011-11-21 18:11:25

你可以創建一個畫布疊加層，當它被點擊時它播放視頻並隱藏畫布。那麼當視頻完成後，您可以「取消隱藏」畫布元素。這樣，您還可以在用戶的畫布上放置播放圖標。

來源

2012-05-16 16:59:48 GreenGiant

html5視頻 - 讓整個視頻在Android上可點擊播放？

回答

相關問題