Arhn - архитектура программирования

Видеотег HTML5 в iOS 11

У меня есть рабочий код для элемента видео на моем сайте, который полностью работает на ios 9/10 и во всех обычных браузерах (chrome/ff/ie) и т. д.

Я заметил, что после обновления iOS 11 видео больше не воспроизводятся или даже не работают вообще. Они отображаются как пустое поле с элементами управления, но нажатие кнопки воспроизведения ничего не делает, и открытие видео на весь экран ничего не делает.

введите здесь описание изображения

Вот мой относительно простой код

         <video playsinline onclick="play()" controls autoplay 
         controlsList="nodownload">
           <source src="assets/images/video_im.mp4" type="video/mp4">
         </video>

Я пробовал разные варианты использования playinline="true" и control="true". Они не имеют никакого эффекта.

Я пытался найти проблему в Google, но, похоже, там нет ничего, кроме подкаста о том, что в iOS 11 удалена поддержка видео html5, наверняка есть исправление?

Любое понимание/помощь будут высоко оценены.

Ваше здоровье

html video html5-video ios11
10.11.2017

Ответы:


1

Это выглядит как следующий код:

<video>
    <source src="path/to/video.mp4">
</video>

перестал работать на ios11 (со многими другими функциями тоже...). Я подтверждаю, что тег source работал на ios9 здесь). Попробуйте поместить src="path/to/video.mp4" непосредственно в тег video, это должно работать на ios11.

Рабочий пример взят из публикации webkit.org в новых политиках видео для iOS. :

<div id="either-gif-or-video">
  <video src="image.mp4" autoplay loop muted playsinline></video>
  <img src="image.gif">
</div>

У Safari на MacOS, похоже, похожая проблема, может быть, там проще тестировать. Похоже, мы потеряли функцию несколько источников :(

15.11.2017
  • Пробовали ли вы использовать другой формат видео? Я на самом деле использую m4v. 15.11.2017

    • 2

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

    e.g.

    вместо:

    <video src='/myVideo.mp4' controls> </video>

    сделать что-то вроде этого:

    <video src='https://anotherServer.com/myVideo.mp4' controls> </video>
    02.11.2018
    Новые материалы
    Коллекции публикаций по глубокому обучению
    Последние пару месяцев я создавал коллекции последних академических публикаций по различным подполям глубокого обучения в моем блоге https://amundtveit.com - эта публикация дает обзор 25..
    Представляем: Pepita
    Фреймворк JavaScript с открытым исходным кодом Я знаю, что недостатка в фреймворках JavaScript нет. Но я просто не мог остановиться. Я хотел написать что-то сам, со своими собственными..
    Советы по коду Laravel #2
    1-) Найти // You can specify the columns you need // in when you use the find method on a model User::find(‘id’, [‘email’,’name’]); // You can increment or decrement // a field in..
    Работа с временными рядами спутниковых изображений, часть 3 (аналитика данных)
    Анализ временных рядов спутниковых изображений для данных наблюдений за большой Землей (arXiv) Автор: Рольф Симоэс , Жильберто Камара , Жильберто Кейрос , Фелипе Соуза , Педро Р. Андраде ,..
    3 способа решить квадратное уравнение (3-й мой любимый) -
    1. Методом факторизации — 2. Используя квадратичную формулу — 3. Заполнив квадрат — Давайте поймем это, решив это простое уравнение: Мы пытаемся сделать LHS,..
    Создание VR-миров с A-Frame
    Виртуальная реальность (и дополненная реальность) стали главными модными терминами в образовательных технологиях. С недорогими VR-гарнитурами, такими как Google Cardboard , и использованием..
    Демистификация рекурсии
    КОДЕКС Демистификация рекурсии Упрощенная концепция ошеломляющей О чем весь этот шум? Рекурсия, кажется, единственная тема, от которой у каждого начинающего студента-информатика..