Вопросы по мобильному сайту 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
так что это нормально!