Используя html5 видео события на iPhone, как я говорю “Сделанное” нажатие кнопки от простой паузы?

Question

Используя html5 видео события на iPhone, как я говорю “Сделанное” нажатие кнопки от простой паузы?

Это проще контролировать с помощью CSS Grid, потому что мы можем диктовать оси x и y. С помощью Flexbox вы можете надежно управлять только осью x. Если вы не слышали о модуле fr, он определен Mozilla следующим образом:

fr, что означает «дробь», является единица измерения, представляющая часть доступного пространства в сетчатом контейнере.
blockquote>
Еще одна приятная вещь, связанная с использованием Grid, заключается в том, что мы можем отбросить наборы height и margin-bottom в .box, а также правило flex-wrap. Все о расположении этой сетки, от высоты ячеек до расстояния grid-gap между ними, все определено в родительском элементе.
.grid-container-new {
  background: lightblue;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 300px);
  grid-gap: 20px;
}

.box {
  border: 1px solid black;
  background: orange;
}
  
  
  
  
  
  
  
  
  
  
jsFiddle

23

html5 video iphone

задан Marc Mutz - mmutz 20 June 2012 в 20:19

2 ответа

Другие вопросы по тегам:

html5 video iphone

Похожие вопросы:

score 20 · Answer 1

Просто проверьте логическое значение webkitDisplayingFullscreen в функции паузы. Нажатие кнопки «Готово» или «Пауза» запускает событие паузы, но кнопка «Готово» добавляет дополнительные крохи, например, выход из полноэкранного режима. Выполнение этой проверки поможет вам различать нажатия двух кнопок. Пример кода ниже.

<script>
var html5Video = function() {
    return {
        init: function() {
            var video = document.getElementsByTagName('video')[0];
            video.addEventListener('ended', endVideo, false);
            video.addEventListener('pause', pauseVideo, false);
        }
    };
}();

function endVideo() { 
    alert("video ended");
}

function pauseVideo() { 
    var video = document.getElementsByTagName('video')[0];
    if (!video.webkitDisplayingFullscreen)
        endVideo(); 
}

html5Video.init();

</script>

score -2 · Answer 2

Существует событие под названием «закончилась», которое вы, вероятно, должны использовать, см. http://www.whatwg.org/specs/web-apps/current-work/multipage/video.html#event-media .