Есть ли способ создать делегированное меню для встроенных видео YouTube (Chrome AutoPlay Autoplay)

Question

Я пытаюсь создать делегированное меню для youtube видео и аудио файлов на одной из моих веб-страниц проектов, и все отлично работает в FF, Safari, IE и т. Д., Кроме Chrome.

Я знаю, что есть ограничения для автозапуска в браузере Chrome начиная с версии 66. (https://developers.google.com/web/updates/2017/09/autoplay-policy-changes)

Я пришел к выводу, что это может быть проблемой здесь, и подтвердил ее, играя немой, что является исключением в политике автозапуска chromes.

Игра, инициированная пользователем, работает нормально даже в Chrome. Поэтому я хочу попробовать делегировать действие пользователя (нажать кнопку внешнего воспроизведения) в видеофреймы, чтобы оно приняло воспроизведение.

   var player = YT.Player( ... )
   var player_elem = $(iframe#youtube_x);
 /* ... */
    case "play":
        // why mute? 
        // => https://developers.google.com/youtube/iframe_api_reference?hl=de#Autoplay_and_scripted_playback
        // => https://stackoverflow.com/questions/50507985/youtube-iframe-api-auto-play-not-working-for-chrome-and-video-resolution-set-not
        player.mute();
        pauseAll(); // 4all player as p => p.pauseVideo() 
        player.playVideo();
        setTimeout(function(){ 
            player.unMute();
                setTimeout(function(){ 
                  state = player.getPlayerState();
                  switch(state){
                    case 5:     // positioning
                    case -1:    // not started
                    case 0:     // ended
                    case 2:     // paused
                        Console.log("cant play content ...");
                            // player_elem.delegat() is deprecated
                        player_elem.on( 'click', null, event.data )

                        break;
                    case 3:     // buffering
                        Notice.console.log("still buffering .. ");
                    case 1:     // played
                        break;
                  }
                }, 300);
            delayedPlayerStateChanged(player_elem.attr("id"), ctrl_bar);
        }, 100);

        delayedPlayerStateChanged(player_elem.attr("id"), ctrl_bar);
        break;

Мне нужен фрагмент, чтобы делегировать пользовательское действие 'play' со своей страницы, чтобы iframe принял его как пользовательское действие. Это вообще возможно в хроме?

Answer 1

История

Сначала я попытался просто добавить упомянутую ( статья о делегировании жестов @ github.com )

delegatestickyuseractivation="media"

Но у меня это не сработало (YTs playVideo () работает только после прямого взаимодействия с видеофреймом YT). Я также нашел статью о том, как делегировать наибольшую нагрузку и что она еще не реализована должным образом. В этой статье рекомендуется использовать

gesture="media"

атрибут html.

Наконец

.. браузер предоставил решение, сообщив мне (в JS Development Console), что жест = "media" не поддерживается в iframes, и я должен попытаться использовать

allow="autoplay"

И это так просто, как могло бы быть.

<iframe id="youtube_{$vid.id}" 
        src="{$vid.uri}?{$vid.player_parameter}" 
        delegatestickyuseractivation="media" 
        allow="autoplay">
</iframe>

Уведомление

Это решение работает только после взаимодействия с пользователем на главной странице и встраивания медиа-фрейма, например встраивания видео на YouTube. Так что это не обходной путь против политики автозапуска Chrome. Это просто метод, позволяющий делегировать взаимодействие с пользователем в iframe, чтобы он принимал команды управления мультимедиа YT.