Задать вопрос
webinar
@webinar
Учим yii: https://youtu.be/-WRMlGHLgRg
javascript

Кросплатформенный и кросбраузерный play() и muted?

Есть потоковое аудио и вот такой код:
/* play and stop button */
$(".logo").on('click',function () {
    $(this).toggleClass('active');
    if($(this).hasClass('active')){
        document.getElementById('player').play();
        document.getElementById('player').muted = false;
    }else{
        document.getElementById('player').muted = true;
    }
});

Работает нормально, но не везде. В мобильном хроме не работает muted а в гребаном ios не пашет play. Нужны костыли, но может быть где-то есть готовые? Плееры не предлагать, сам могу предложить.
  • Вопрос задан
  • 239 просмотров
Комментировать
Подписаться 1 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 2
bootd
@bootd
Гугли и ты откроешь врата знаний!
Плееры не предлагать, сам могу предложить.


Так может зайти в уже готовый и посмотреть, как там реализованы UI элементы для этого функционала?
Ответ написан
2 комментария
2 комментария
Sanasol
@Sanasol Куратор тега JavaScript
нельзя просто так взять и загуглить ошибку
Составляю запросы в гугл на заказ: js ios video play (или chrome опционально)

Сразу вылезает множество ответов на ваши вопрос.
Нельзя включать видео "когда хочется", браузеры решили это запретить. И Сафари и Хром.
Использовать play можно только когда юзер сам это сделает.

(auto)play и muted связаны при этом.

stackoverflow.com/a/12496184/1603055

Вот такой код будет работать
<input type="button" value="Play" onclick="document.myMovie.play()">


Вот такой код не будет.
<body onload="document.myMovie.play()">

В общем по запросу который выше всё написано про это, и про chrome тоже самое.

Отличная идея, как я сам не догадался, Вот спасибо, а я мучаюсь вопросы задаю. Но может быть все же кто-то под рукой этот код имеет, что б не шарить 2 часа по чужому коду.

С кроссбраузерностью это никак не связано.
Помучался за вас, потратил 3 минуты на просмотр video.js на гитхабе(топ1 плеер на гитхабе), чтобы увидеть что там нет никакой кроссбраузерности или магических функций.
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработать электронику для весов с Wi-Fi
26 апр. 2024, в 01:22
1000 руб./в час
Очень срочно нужно помочь запустить программу с UI
26 апр. 2024, в 00:13
1000 руб./за проект
Создание бота/скрипта для сайта забронирование мест
26 апр. 2024, в 00:10
30000 руб./за проект
Ещё заказы