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

Question

Антон @anton99zel

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

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

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

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

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

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

Подписаться 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>

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

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

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

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

Войти через центр авторизации

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

JavaScript

+2 ещё

Простой
Как исправить прыгающий контент у сайта?
- 1 подписчик
- 12 часов назад
- 66 просмотров
1

ответ
HTML

+1 ещё

Средний
Как сделать чтобы было по 2 блока на строке, а не сразу все 4?
- 1 подписчик
- 17 часов назад
- 49 просмотров
1

ответ
PHP

+2 ещё

Простой
Как подружить html с json?
- 1 подписчик
- вчера
- 145 просмотров
1

ответ
JavaScript

+4 ещё

Средний
Как сделать эффект закруглений как на фото?
- 4 подписчика
- вчера
- 2204 просмотра
2

ответа
HTML

+1 ещё

Простой
Как сделать border opacity при background-color?
- 1 подписчик
- 13 апр.
- 59 просмотров
1

ответ
HTML

+1 ещё

Простой
Почему при изменении transform scale моргает цвет другого текста, который к нему даже не относится?
- 1 подписчик
- 13 апр.
- 38 просмотров
0

ответов
HTML

Простой
Почему автоматически добавляется закрывающий тег?
- 1 подписчик
- 12 апр.
- 61 просмотр
2

ответа
HTML

Простой
Как сделать ссылку для перехода на определенное имя в html-таблице?
- 2 подписчика
- 12 апр.
- 105 просмотров
3

ответа
HTML

+1 ещё

Простой
Как сделать блок на всю высоту?
- 1 подписчик
- 11 апр.
- 98 просмотров
0

ответов
HTML

+2 ещё

Средний
Как сделать такую верстку на гридах?
- 1 подписчик
- 11 апр.
- 114 просмотров
2

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

Frontend-разработчик (React)

ДАЛЕЕ

от 130 000 ₽

Тестировщик-стажёр

ITooLabs • Тула

от 35 000 до 40 000 ₽

Fullstack PHP Developer

Smapse Education

от 40 000 до 65 000 ₽

Работы по сайту для оптимизации

16 апр. 2024, в 08:46

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

Разработка бота в Telegram (POIZON)

16 апр. 2024, в 06:30

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

Исправить ошибку в пагинации 1с-битрикс

16 апр. 2024, в 05:27

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

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?

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

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

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