您是否可以在不启用自动播放的情况下隐藏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的东西,但它是关键:)我希望这是帮助
要删除你pipecontrols
和title
你可以做这样的事情
<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"