Можете ли вы автоматически воспроизводить HTML5-видео на iPad?

Я хочу начать с того, что говорю, что понимаю, что этот вопрос старый и уже имеет принятый ответ; но, как неудачный интернет-пользователь, который использовал этот вопрос в качестве средства, чтобы закончить только, чтобы быть доказанным неправильно вскоре (но не раньше, чем я немного расстроил моего клиента), я хочу добавить свои мысли и предложения.

Хотя @DSG и @Giona верны, и нет ничего плохого в их ответах, есть творческий механизм, который вы можете использовать, чтобы "обойти", так сказать, это ограничение. Это не говорит о том, что я потворствую обход этой функции, наоборот, но только некоторые механизмы, так что пользователь все еще "чувствует", как будто видео или аудиофайл "автоматически воспроизводится".

Быстрая работа - это скрыть видео-тег где-то на мобильной странице, так как я создал отзывчивый сайт, я делаю это только для небольших экранов. Тег видео (примеры HTML и jQuery):

HTML

<video id="dummyVideo" src="" preload="none" width="1" height="2"></video>

JQuery

var $dummyVideo = $("<video />", {
  id: "dummyVideo",
  src: "",
  preload: "none",
  width: "1",
  height: "2"
});

С тем, что скрыто на странице, когда пользователь "нажимает", чтобы смотреть фильм (все равно взаимодействие с пользователем, нет возможности обойти это требование) вместо перехода на вторичную страницу просмотра, я загружаю скрытое видео. Это в основном работает, потому что тег мультимедиа на самом деле не используется, но вместо этого продвигается на экземпляр Quicktime, поэтому наличие видимого элемента видео совсем необязательно. В обработчике для "click" (или "коснуться" на мобильном устройстве).

$(".movie-container").on("click", function() {
  var url = $(this).data("stream-url");
  $dummyVideo.attr("src", url);
  $dummyVideo.get(0).load(); // required if src changed after page load
  $dummyVideo.get(0).play();
});

И альт. Что касается UX, пользователь нажимает на видео для воспроизведения, а Quicktime открывает видео, которое они выбрали. Это остается в пределах ограничения, что видео можно воспроизводить только через действие пользователя, поэтому я не заставляю данные никому, кто не решает посмотреть видео с этой услугой. Я обнаружил это, пытаясь понять, как именно Youtube снял это со своим мобильным телефоном, что по существу является действительно хорошим дизайном страницы Javascript и причудливым элементом, скрывающимся, как в случае с тегом видео.

tl; dr Вот несколько "обходной путь", чтобы попытаться создать функцию "autoplay" UX на устройствах iOS, не выходя за пределы ограничений Apple, и все еще решают, хотят ли они смотреть видео (или звук, наиболее похожий на, хотя я и не тестировал), не имея одного загруженного без их разрешения.

Кроме того, для человека, который прокомментировал это из sleep.fm, это, к сожалению, не было бы решением ваших проблем, которое воспроизводится на основе времени.

Я надеюсь, что кто-то найдет эту информацию полезной, она спасла бы мне неделю плохой доставки новостей клиенту, который был непреклонен, что у них есть эта функция, и я был рад найти способ доставить его в конце.

ИЗМЕНИТЬ

Дальнейшее обнаружение указывает, что описанное выше решение относится только к устройствам iPhone/iPod. IPad воспроизводит видео в Safari, прежде чем он будет полностью экранирован, поэтому вам понадобится механизм для изменения размера видео по щелчку перед воспроизведением, иначе вы получите аудио и видео.

Просто установите

webView.mediaPlaybackRequiresUserAction = NO;

Автовоспроизведение работает для меня на iOS.

Как и в iOS 10, видео теперь может автовоспроизведение, но только они либо отключены, либо не имеют звуковой дорожки. Ура!

Короче:

• Элементы
• <video autoplay> теперь будут соблюдать атрибут autoplay, для элементы, которые удовлетворяют следующим условиям:
  • <video> элементам будет разрешено автовоспроизведение без жестов пользователя, если исходный носитель не содержит звуковых дорожек. Элементы
  • <video muted> также будут разрешены для автовоспроизведения без жестов пользователя.
  • Если элемент <video> получает звуковую дорожку или отключается без жестов пользователя, воспроизведение приостанавливается. Элементы
  • <video autoplay> начнут воспроизводиться только тогда, когда они видны на экране, например, когда они прокручиваются в окне просмотра, сделаны видимый через CSS, и вставленный в DOM. Элементы
  • <video autoplay> будут приостановлены, если они станут невидимыми, например, прокручиваясь из области просмотра.

Подробнее здесь: https://webkit.org/blog/6784/new-video-policies-for-ios/

В этой ссылке Safari HTML5 вы можете прочитать

Чтобы предотвратить нежелательные загрузки через сотовые сети у пользователей расход, встроенные носители не могут воспроизводиться автоматически в Safari on iOS - пользователь всегда запускает воспроизведение. Контроллер автоматически поставляются на iPhone или iPod touch после воспроизведения в начале, но для iPad вы должны либо установить атрибут управления, либо предоставить контроллер с использованием JavaScript.

Сначала отключите видео, чтобы обеспечить автовоспроизведение в ios, затем включите его, если хотите.

<video autoplay loop muted playsinline>
  <source src="video.mp4?123" type="video/mp4">
</video>

<script type="text/javascript">
$(function () {
  if (!navigator.userAgent.match(/(iPod|iPhone|iPad)/)) {
    $("video").prop('muted', false);
  }
});
</script>