Кажется, есть тонна постов об этом с общим ответом: «Вы не можете», но я не верю в это ни на секунду.Всегда есть способ, верно?;)
Я ссылаюсь на видео на YouTube.
<iframe id="video" class="video" width="560" height="315"
src="https://www.youtube-nocookie.com/embed/myvideo?
controls=1&autoplay=0&modestbranding=1&showinfo=0&rel=0" frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
У нас есть видео и канал на YouTube, поэтому мы ссылаемся на наш собственный контент.На рабочем столе процесс в порядке - у меня есть div, который расширяется, когда вы нажимаете значок воспроизведения, а затем функция, которая меняет элемент управления автовоспроизведением в src:
function playVideo() {
var video = $('.video')[0];
var isPause = video.src.indexOf('autoplay=0') != -1;
video.src = isPause ? video.src.replace('autoplay=0', 'autoplay=1') :
video.src.replace('autoplay=1','autoplay=0');
}
Нажмите play, div расширяется и воспроизводитсявидео.
На мобильном телефоне div расширяется и не воспроизводит видео.Я пытался повторить щелчок на кнопке воспроизведения, но безрезультатно.
Рад взломать это, если потребуется, но должен быть способ воспроизведения содержимого iframe с помощью JS.Просто должен быть.Ниже не работает:
$('.ytp-large-play-button.ytp-button').click();
И не работает:
$('.ytp-large-play-button.ytp-button').trigger('click');
Я понимаю, что пытаюсь получить доступ к междоменному контенту и безопасности, но я толькозаинтересованы в потенциальных решениях.Недавно я нашел способ заблокировать перенаправление формы, используя пост-форму-скрытый-iframe, сохраняя при этом поток данных из формы, поэтому я надеюсь.
Также надеюсь, что один из васскажет, что это просто объявление атрибута в iframe:)
Какие-нибудь яркие идеи?