Cordova for Android：HTML5視頻標籤播放沒有圖像的視頻

我創建了一個非常新的Cordova（6.4.0）項目，在HTML主體中放置了一個html5視頻標籤。運行iOS項目，效果很好。但對於Android（6.0.0），視頻播放不帶圖像，直到點擊右下角的縮放按鈕。Cordova for Android：HTML5視頻標籤播放沒有圖像的視頻

White screen when playing the video for Android

下面是HTML：

<body> 
    <video controls="controls" src="http://url/somemovie.MOV"></video> 
    <script type="text/javascript" src="cordova.js"></script> 
</body>

來源

2016-12-08 orange gao

如果你的意思是你的視頻沒有自動播放，直到你點擊的東西，你可能會遇到一個故意限制谷歌插入其移動Chrome瀏覽器，它可以阻止視頻在沒有用戶交互的情況下自動播放。這背後的原因是因爲在移動設備上，帶寬可能會導致用戶收費。（希望他們會改變未來他們的想法。）

然而，解決類似的問題，在這裏你可以仍然只要自動播放視頻，因爲它是通過使用自動播放和靜音性能靜音。例如：

<video autoplay loop muted poster="/app/img/videos/timeapps.jpg"> 
    <source src="/app/img/videos/timeapps.mp4" /> 
</video>

在上面的示例中，我還有一個海報圖像，在視頻內容首次加載時顯示。

來源

2016-12-08 22:18:24

謝謝你的好意〜我只是不明白爲什麼圖像不顯示，直到它在Android設備上的全屏模式。 –

我找到了解決方案。當爲android播放時設置視頻全屏模式。

if (_IsAndroid()){ 
    video = attElement.querySelector('.video'); 
    video.src = filepath; 
    video.webkitRequestFullscreen(); 
    //video.onclick = function(){document.webkitExitFullscreen();} 
}

來源

2016-12-12 06:48:14

Cordova for Android：HTML5視頻標籤播放沒有圖像的視頻

回答

相關問題