播放iframevideo点击链接javascript
我在网页上使用了iframe video 。 这是我的HTML代码
Play video
我需要playvideoonclick播放video链接。 我怎样才能做到这一点？
这样做，它将autoplay=1附加到url，导致video开始播放。
附录 ：如果您的video来源还没有查询字符串，那么添加一个?是谨慎的? 代替& ，有时就是这种情况。 这可以通过寻找它的存在来完成。
Play video
然而，大多数人天生就明白，如果他们想要播放video，他们只需点击它就可以建议将其留给他们或者通过自动播放启动video。
还需要提一下，自动播放不适用于移动设备（由Android或iOS提供支持）
由于第一个答案已经有3年了，让我指出Youtube Player API。 有了它，您可以远程控制您的嵌入式播放器。 请参阅https://developers.google.com/youtube/iframe_api_reference?hl=en
通过小幅调整，您可以通过链接启动video，而无需重新加载整个iframe：
我正确地设置了src – ？autoplay = 1
Play button
这是另一个例子。 请在此处查看： https ： //codepen.io/rearmustak/pen/VXXOBr
const Player = document.getElementById('player2'); const PlayBtn = document.getElementById('play'); const stopBtn = document.getElementById('stop'); let times = 0, playY; const playVideo = PlayBtn.addEventListener( 'click' , () => { if(times == 0){ playY = Player.src += '?autoplay=1'; times = 1; } }); stopBtn.addEventListener( 'click' , () => { playY = playY.slice(0, -11); Player.src = playY times = 0; });
.video-frame{ overflow: hidden; margin-bottom: 10px; } button{ border: none; background-color: #e75252; color: #ffffff; padding: 10px 15px; border-radius: 3px; cursor: pointer; } button:focus{ outline: 0; } #stop{ background-color: #ff0002; }
Youtube video Play/Stop