您是否可以在不启用自动播放的情况下隐藏YouTubeembedded的控件?

<iframe width="100%" height="100%" src="//www.youtube.com/embed/qUJYqhKZrwA?autoplay=1&showinfo=0&controls=0" frameborder="0" allowfullscreen> 

如果您删除?autoplay = 1,则video无效。 看起来你不能使用控制参数没有启用自动播放。

不知道为什么没有在YouTubeembedded书面提到。

希望我错了。

https://developers.google.com/youtube/player_parameters#controls

设置自动播放= 0

 <iframe width="100%" height="100%" src="//www.youtube.com/embed/qUJYqhKZrwA?autoplay=0&showinfo=0&controls=0" frameborder="0" allowfullscreen> 

如下所示: 自动播放= 0testing

使用autoplay=0

自动播放需要2个值。

 Values: 0 or 1. Default is 0. Sets whether or not the initial video will autoplay when the player loads. 

重要的一部分

 autoplay=0&showinfo=0&controls=0 

这里是演示你的问题FIDDLE

要继续使用iframe YouTube,您只需要将?autoplay=1更改为?autoplay=0

另一种方法是使用YouTube JavaScript Player API。 ( https://developers.google.com/youtube/js_api_reference

编辑:不再支持YouTube的JavaScript播放器API。

 <div id="howToVideo"></div> <script type="application/javascript"> var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = false; ga.src = 'http://www.youtube.com/player_api'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); var done = false; var player; function onYouTubePlayerAPIReady() { player = new YT.Player('howToVideo', { height: '390', width: '640', videoId: 'qUJYqhKZrwA', playerVars: { controls: 0, disablekb: 1 }, events: { 'onReady': onPlayerReady, 'onStateChange': onPlayerStateChange } }); } function onPlayerReady(evt) { console.log('onPlayerReady', evt); } function onPlayerStateChange(evt) { console.log('onPlayerStateChange', evt); if (evt.data == YT.PlayerState.PLAYING && !done) { setTimeout(stopVideo, 6000); done = true; } } function stopVideo() { console.log('stopVideo'); player.stopVideo(); } </script> 

这里是一个jsfiddle的例子: http : //jsfiddle.net/fgkrj/

请注意,播放器的“playerVars”部分禁用了播放器控件。 你所做的一个牺牲是用户仍然可以通过点击来暂停video。 我会build议编写一个简单的JavaScript函数,订阅停止事件并调用player.playVideo()

如果您在src结尾之前添加了这个?showinfo=0&iv_load_policy=3&controls=0 ,那么它会除去右下angular的YouTube徽标
工作示例: http : //jsfiddle.net/42gxdf0f/1/

 ?modestbranding=1&autohide=1&showinfo=0&controls=0 autohide=1 

是我从来没有find的东西,但它是关键:)我希望这是帮助

要删除你pipecontrolstitle你可以做这样的事情

 <iframe width="560" height="315" src="https://www.youtube.com/embed/zP0Wnb9RI9Q?autoplay=1&showinfo=0&controls=0" frameborder="0" allowfullscreen ></iframe> 

按照此https://developers.google.com/youtube/player_parameters有关video控制的更多信息,如:;

 <iframe id="video_iframe" width="660" height="415" src="http://www.youtube.com/v/{{course_url}}?start=7&autoplay=0&showinfo=0&iv_load_policy=3&rel=0" frameborder="0" allowfullscreen></iframe> 

开始= 7&自动播放= 0&showinfo = 0&joiniv_load_policy = 3&相对= 0"
FRAMEBORDER = “0”

在那里描述所有的控制

自动播放仅适用于/v/而不是/embed/ ,因此将src更改为:

src="//www.youtube.com/v/qUJYqhKZrwA?autoplay=1&showinfo=0&controls=0"