在Android Kitkat上模拟鼠标点击Youtube视频

Simulate mouse click on Youtube videos on Android Kitkat

本文关键字：Youtube 视频 鼠标 模拟 Android Kitkat      更新时间：2023-09-26

Youtube允许在iframe代码的帮助下嵌入用户创建的播放列表。我想将它们嵌入到网页中，以便在Android(Kitkat 4.4(电视盒硬件上播放。但是，它要求用户首先单击视频。

正如我发现苹果iOS和Android在大多数移动平台上禁用自动播放以避免糟糕的用户体验一样。

但是，是否可以使用 Jquery 或纯 JS 解决方案(首选(模拟用户单击iframe。像这样：

 function myFunction() {
         setTimeout(function() {           ("#myiframe").triggerHandler('click');    },3000)
                };

如果有人可以帮助我解决这个问题，我将不胜感激，因为此功能对我的目的至关重要，我已经进行了广泛的搜索，但无法获得适当的解决方案。

谢谢德克杰

早上好 dkjain，

据我在 Youtube 播放器 API 文档中读到的情况，加载播放器后会立即触发几个事件，其中一个应该使用的事件是onReady()事件。

以下是有关如何自动播放单个视频或播放列表的一些更新代码：

.HTML：

<div id="player"/>将成为 Youtube 播放器的占位符

播放播放列表(带playerVars(：

.JS：

var player;
function onYouTubeIframeAPIReady() {
    player = new YT.Player('player', {
        height: '390',
        width: '640',
        playerVars: { 
            'listType': 'playlist',
            'list': 'PLi5VEqNXXQjVJ4-xZb92wTUawkSQRal0u'            
        },
        events: {
          'onReady': onPlayerReady
        }
    });
}
window.onYouTubeIframeAPIReady = onYouTubeIframeAPIReady;
// as soon as the player is loaded, start the playback
function onPlayerReady(event) {
  event.target.playVideo();
}
var tag = document.createElement('script');
tag.src = "http://www.youtube.com/iframe_api";
document.head.appendChild(tag);

还有一个autoPlay: 1播放器Var，但这似乎在移动平台上不可用：https://developers.google.com/youtube/iframe_api_reference#Mobile_considerations

播放单个视频

.JS：

var player;
function onYouTubeIframeAPIReady() {
  player = new YT.Player('player', {
    height: '390',
    width: '640',
    videoId: 'nhX4rQ79C1A',
    events: {
        'onReady': onPlayerReady
    }
  });
}
window.onYouTubeIframeAPIReady = onYouTubeIframeAPIReady;
// as soon as the player is loaded, start the playback
function onPlayerReady(event) {
  event.target.playVideo();
}
var tag = document.createElement('script');
tag.src = "http://www.youtube.com/iframe_api";
document.head.appendChild(tag);

显示上述代码的 JSFiddles：

单个视频：http://jsfiddle.net/Moonbird_IT/akjpmvpf/

播放列表：http://jsfiddle.net/Moonbird_IT/akjpmvpf/4/(再次更新(

让我知道我们是否朝着正确的方向前进：-(

相关文章：