Почему не работает тег Video?

Question

Антон @anton99zel

29а класс средней школы №7

Почему не работает тег Video?

<video autoplay="autoplay"  loop src="/shake.mp4"> </video>

Вот примерный такой код работает в браузерах для десктопов.
Эту же страницу открываю в смартфоне и ничего не работает.
Для чистоты на странице кроме этого кода ничего нет.
Может такое быть из-за сертификата? Тест ssl показал 'B'.
И еще - что там с айфонами, вроде нужно для них какие то атрибуты выставлять?

Вопрос задан более трёх лет назад
9709 просмотров

Комментировать

Подписаться 1 Простой Комментировать

Пригласить эксперта

Ответы на вопрос 3

Комментировать

3 комментария

Антон @anton99zel Автор вопроса
Я понял.
А как быть: вообще я это для чистоты эксперимента указал, на деле имеется веб сайт, где в тег видео выглядит так:
<video class="trying__hidden" id="video" preload="auto" loop > </video> //указал как есть, ничего не вырезал

в этот тег какими то скриптами, видимо, подставляется видеопоток с вебкамеры пользователя веб сайта, где он видит себя с рядом разных эффектов. Сделано для примерки товара на лице человека посредством вебкамеры. В этом коде нет src, видимо, подставляется скриптом как то. На десктопах работает, на смартфоне в хроме под андроид работает, но в штатных браузерах андроид и сафарях под айфон и максинтош не пашет.
Написано более трёх лет назад
Антон @Eridani

anton99zel, https://html5rocks.appspot.com/ru/tutorials/getuse...

Написано более трёх лет назад

Антон @anton99zel Автор вопроса

Антон, странно, но у меня даже примеры из статьи не работают(

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Get User Media - example 1</title>
</head>
<body>
<video id="v"></video>
<script>
    ;(function(){
        function userMedia(){
            return navigator.getUserMedia = navigator.getUserMedia ||
            navigator.webkitGetUserMedia ||
            navigator.mozGetUserMedia ||
            navigator.msGetUserMedia || null;

        }


        // Now we can use it
        if( userMedia() ){

            var constraints = {
                video: true,
                audio:false
            };

            var media = navigator.getUserMedia(constraints, function(stream){
                var v = document.getElementById('v');
                // URL Object is different in WebKit
                var url = window.URL || window.webkitURL;

                // create the url and set the source of the video element
                v.src = url ? url.createObjectURL(stream) : stream;

                // Start the video
                v.play();
            }, function(error){
                console.log("ERROR");
                console.log(error);
            });
        } else {
            console.log("KO");
        }
    })();
</script>
</body>
</html>

Написано более трёх лет назад

Комментировать

Ваш ответ на вопрос

Войдите, чтобы написать ответ

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

HTML

Простой
Почему некорректно отражается текстареа в Osclass evolution?
- 1 подписчик
- вчера
- 30 просмотров
0

ответов
HTML

Простой
Как на html реализовать блоки «Внимание / Важно»?
- 1 подписчик
- вчера
- 113 просмотров
1

ответ
HTML

+1 ещё

Простой
Как разместить элементы с разных блоков, чтобы они перекрывали друг друга?
- 1 подписчик
- вчера
- 50 просмотров
1

ответ
Цифровые сертификаты

Простой
Что не так с запросом сертификата Let's encrypt?
- 1 подписчик
- вчера
- 129 просмотров
1

ответ
Системное администрирование

+1 ещё

Простой
Кто блокирует сертификат и что делать?
- 2 подписчика
- 20 нояб.
- 996 просмотров
4

ответа
HTML

+1 ещё

Простой
Flex и position: sticky, почему не работает?
- 1 подписчик
- 19 нояб.
- 71 просмотр
1

ответ
JavaScript

+2 ещё

Средний
Как построить код, чтобы гугл таблица на сайте выдавала только значение из конкретной ячейки?
- 1 подписчик
- 19 нояб.
- 42 просмотра
0

ответов
JavaScript

+2 ещё

Средний
Как выделить мышкой область на странице и присвоить класс элементам попавшим в эту область?
- 1 подписчик
- 19 нояб.
- 105 просмотров
1

ответ
VPN

+1 ещё

Простой
Как продлить сертификат панели 3X-UI?
- 1 подписчик
- 19 нояб.
- 305 просмотров
2

ответа
JavaScript

+3 ещё

Средний
Как сделать слайдер на swiper, в котором активный слайд всегда крайний слева?
- 1 подписчик
- 19 нояб.
- 114 просмотров
1

ответ
Показать ещё Загружается…

Fullstack Developer под Wordpress

Future Search

от 90 000 до 150 000 ₽

WordPress-разработчик

div. • Ставрополь

от 50 000 до 120 000 ₽

JavaScript FullStack разработчик

Rocket • Смоленск

от 80 000 до 130 000 ₽

Нужен верстальщик. Переверстать, доверстать, доработать интерфейс

22 нояб. 2024, в 16:13

7000 руб./за проект

Модуль для пересылки Telegram сообщений в чаты на Python Telethon

22 нояб. 2024, в 15:59

5000 руб./за проект

Доработка и исправление ошибок в работе Личного кабинета сайта

22 нояб. 2024, в 15:59

35000 руб./за проект

Answer 1 · 2018-06-20 15:53:26

добавьте атрибут muted

<video muted="muted" autoplay="autoplay"  loop src="/shake.mp4"> </video>

. с недавних пор, браузеры блочат видео если оно автоматом запускается и при этом звук не отключен

Answer 2 · 2018-06-20 15:46:49

Вам нужны добавить теги source и залить видео еще в несколько форматов - ogv, webm
source

Для Иосов попробуйте атрибут playsinline

Answer 3 · 2020-12-08 01:32:08

I.CaR Soft @I_CaR

программист в прошлом.

Измените кодек на h264 и будет вам счастье.

Ответ написан более трёх лет назад

Комментировать

Почему не работает тег Video?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт