HTML5 Видео для мобильных устройств - PullRequest
Новая
       13

HTML5 Видео для мобильных устройств

0 голосов
/ 26 мая 2011

У меня проблемы с видео для мобильных устройств и HTML5. Моя самая большая проблема заключается в том, что видео будет воспроизводиться в течение 2 секунд и остановится, потому что недостаточно видео загружено. Продолжительность видео 1: 26 и 9 МБ. Я тестировал на Wi-Fi. Есть ли способ заставить видео ждать, пока загрузится достаточно, чтобы оно могло воспроизводиться без проблем? или каков мой лучший вариант, чтобы помочь решить эту проблему? 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1   /DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<script type="text/javascript">

</script>

<style type="text/css">
<!--
body {
    margin: 0px;
    padding: 0px;
    background-color:#000;
}
-->
</style>
</head>

<body>
<!--<div id = "m_loader">
<div id = "loading_hold">
<img src="d_logo.png" width="365" height="500" />
  </div>
</div>-->

<video controls="controls" autoplay="autoplay">
  <source src="reel720_3.mp4" type="video/mp4" />
  <source src="reel720_3.webm" type="video/webm" />
Your browser does not support the video tag.
</video>
</body>

1 Ответ

1 голос
/ 18 мая 2012

Вы можете использовать событие «canplaythrough». Хотя вы можете захотеть показать какой-то индикатор прогресса / загрузки, пока это происходит. 

    myVideo.addEventListener('canplaythrough', function() {
        myVideo.play();
    });
...