Загрузите более одного видео на веб-страницу с помощью платформы iOS

Question

У меня есть веб-страница с четырьмя элементами VIDEO.Я знаю, что эти элементы даже не начнут загружать какие-либо метаданные, пока я не вызову явное касание к ним.Могу ли я подключить функцию обработки события к событию касания, скажем, к элементу BUTTON так, чтобы вызывались методы play для всех четырех элементов VIDEO?

Я имею в виду что-то вроде этого:

$b1.bind("touchstart", function (e) {
    $v1.get(0).play();
    $v1.get(0).pause();
    $v2.get(0).play();
    $v2.get(0).pause();
    $v3.get(0).play();
    $v3.get(0).pause();
    $v4.get(0).play();
    $v4.get(0).pause();
});

Когда я пытаюсь это открыть, четыре отдельных окна QuickTime открываются с полноэкранными видео.Это не тот эффект, которого я хочу, но, по крайней мере, я могу подключить все четыре к обработчику.Проблема, однако, в том, что только $ v4 фактически начинает загружать что-либо, а остальные три, по-видимому, никогда не начинают загружаться.

Answer 1

вы не можете запустить несколько видео одновременно. Каждый раз, когда вы запускаете видео на iOS, текущее видео будет остановлено. Это ограничение производительности на всех мобильных устройствах Apple. По той же причине атрибут preload не имеет отношения к текущим устройствам iOS.

Полагаю, вы хотите, чтобы видео были встроенными? затем добавьте webkit-playsinline в качестве атрибута к каждому элементу <video>:

<video src="myvideo.mp4" webkit-playsinline controls>

таким образом, вы можете расположить 4 видеоэлемента рядом друг с другом И использовать встроенные элементы управления видео (например, чтобы позже переключиться на собственный полноэкранный режим). Если вы хотите реализовать свои собственные элементы управления, пропустите атрибут controls.

PS: следуя по ссылке 0x60, вы можете найти раздел под названием Особенности для iOS

Answer 2

Вы проверили это ? Установите код: <video preload="automatic" />, и он должен быть предварительно загружен.