Я разрабатываю страницу html5 для смартфонов Android 4 с одним видео 3gpp (или mp4), которое должно автоматически воспроизводиться в полноэкранном режиме при открытии; когда видео заканчивается, следует перенаправить на другой URL.
Некоторые гуглы сказали мне, что автовоспроизведение больше не разрешено в Android 4, поэтому я решил отобразить изображение постера, по которому пользователь должен щелкнуть, чтобы запустить видео. Затем:
2 и 3 не работают: после вызова полноэкранного режима пользователь должен сделать еще один «щелчок», чтобы запустить видео, и когда видео заканчивается, выход из полноэкранного режима не работает (экран черный, и пользователь должен нажать клавишу «назад» на телефоне, чтобы выйти из видеоплеера телефона).
Похоже, video.webkitExitFullScreen()
и video.play()
игнорируются в Android 4.
Это разметка html5 и код javascript, которые я использую, не могли бы вы помочь указать мне на решение?
Спасибо!
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width; initial-scale=1.0" />
<meta name="description" content="" />
<title>test</title>
<script type="text/javascript">
function videoEnd() {
var video = document.getElementById("video");
video.webkitExitFullScreen();
document.location = "http://www.google.com";
}
function playVideo() {
var video = document.getElementById("video");
video.addEventListener('ended', videoEnd, false);
video.webkitEnterFullScreen();
video.play();
}
</script>
</head>
<body>
<video id="video" poster="../img/image.jpg" onclick="playVideo();">
<source src="../video/videoname.3gp" type="video/3gpp" />
</video>
</body>