Задать вопрос
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. Нужны костыли, но может быть где-то есть готовые? Плееры не предлагать, сам могу предложить.
  • Вопрос задан
  • 240 просмотров
Комментировать
Подписаться 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 FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Fullstack разработчик JavaScript, php
Дорстрой-36 • Воронеж
от 100 000 до 200 000 ₽
JavaScript FullStack developer
Wanted. • Санкт-Петербург
До 220 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработка лэндинга-визитки для юридической компании
25 нояб. 2024, в 11:40
10000 руб./за проект
Сделать интеграцию amoCRM + Яндекс.Метрика по API
25 нояб. 2024, в 11:09
4000 руб./за проект
Разработка бота рассылок в Telegram
25 нояб. 2024, в 10:16
7000 руб./за проект
Ещё заказы