Из-за проблемы с загрузкой страницы я загружаю изображение вместо iframe-video и нажимаю на него, воспроизводя видео в том же месте с помощью jquery.Работает нормально для настольных компьютеров, но не для мобильных устройств ??
Я хочу заменить изображение на автовоспроизведение iframe-video после нажатия на изображение с помощью jquery.Я сделал это, работает хорошо для настольных компьютеров, но во время мобильных устройств изображение заменяется на видео iframe ... но видео iframe не выполняет автозапуск ??что происходит в настольных компьютерах ..
Мой фрагмент кода:
HTML:
<div class="laptop-wrapper" id="lptop_vdo" style="display: none;">
</div>
<div class="laptop-wrapper" id="lptop_img">
<img class="img-responsive" src="<?php echo BASE_IMAGE; ?>iframeVdo.jpg">
</div>
Jquery:
<script>
$(document).ready(function() {
$('#lptop_img').on('click', function(ev) {
$('#lptop_img').hide();
$('#lptop_vdo').show();
$('#lptop_vdo').html('<iframe id="blz_main_vdo" width="560" height="315" src="https://www.youtube.com/embed/QQDVzP__Xhs?rel=0&showinfo=0&autoplay=1" allow="autoplay; encrypted-media" frameborder="0" allowfullscreen data-play="1"></iframe>');
ev.preventDefault();
});
});
</script>
почему автозапуск iframe не работает на мобильных устройствах (я пытаюсь с помощью jquery заменить картинку на автозапуск iframe. Но после замены автозапуск не происходит только для мобильных устройств ??)
Пожалуйста, дайте мне несколько идей.потому что на моем сайте гораздо больше видео на страницах ..