Вопросы по мобильному сайту dailymotion api

Я пытаюсь воспроизвести вставленные видео на своей веб-странице, в настольном браузере нет проблем, но в мобильной версии у меня есть следующие проблемы:

  • Видео не запустится автоматически
  • В правом нижнем углу есть логотип Dailymotion

Я использую объект DM, предоставленный файлом https://api.dmcdn.net/all.js.

Код:

<script src="https://api.dmcdn.net/all.js"></script>
<script>
    DM.init({
        apiKey: 'correct api key',
        status: true, // check login status
        cookie: true // enable cookies to allow the server to access the session
     });
</script>
<div id="player{$img->getId()}" class="dailymotion tile"></div>
<script>
    $(function () {
        var player{$img->getId()} = DM.player(document.getElementById("player{$img->getId()}"), {
            {var DMurl = explode("/", $img->getImgUrl())}
            video: {$DMurl[count($DMurl) - 1]},
            width: "100%",
            height: "100%",
            params: {
                autoplay: true,
                mute: true,
                endscreen-enable: false,
                ui-logo: true,
                controls: false
            }
         });
         player{$img->getId()}.play();
    });
</script>

Моя проблема может быть вызвана синтаксической ошибкой в ​​параметрах (ndscreen-enable и ui-logo, phpstorm показывает синтаксическую ошибку из-за символа '-')

1 ответ

  • Видео не запускается автоматически => это нормально на мобильных устройствах, оно будет одинаковым для любого видео, которое вы добавляете, от любого провайдера. Причина в том, что большинство мобильных устройств предотвращают автоматическое воспроизведение видео, поэтому воспроизведение должно запускаться при взаимодействии с пользователем. Это подробно описано на сайте разработчиков Dailymotion по адресу: https://developer.dailymotion.com/player/faq.

  • В правом нижнем углу есть логотип Dailymotion => Вы проходите ui-logo: true так что это нормально!

Другие вопросы по тегам