javascript - youtube嵌入式url设置无法自动播放视频

标签 javascript html youtube

我希望加载后自动播放youtube嵌入式视频,但是在视频网址似乎不起作用后使用它?autoplay=1&loop=1&autopause=0&muted=1我正在iframe中显示从用户输入中检索到的视频,如下所示

<iframe width="560" height="315" src="//www.youtube.com/embed/${videoId}?autoplay=1&loop=1&autopause=0&muted=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
    </iframe>`
我也有一个获取videoId的函数
function getId(url) {
    const regExp = /^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|&v=)([^#&?]*).*/;
    const match = url.match(regExp);

    return (match && match[2].length === 11) ?
        match[2] :
        null;
}
视频正确显示,但不会自动开始。我不知道代码的哪一部分导致了此问题

最佳答案

由于muted=1参数而没有开始-它应该是 mute=1

关于javascript - youtube嵌入式url设置无法自动播放视频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62628299/

相关文章:

javascript 将字符串连接到对象

javascript - 优雅地检查两个变量之间的范围是否大于/小于 'x'

javascript - 如果默认为 text/javascript,script 元素的 HTML “nomodule” 属性的用途是什么?

ios - 使用YTPlayerView在iOS应用中获得更好的视频预览质量

javascript - YouTube 视频结束后隐藏 div

src 中的 JavaScript 变量

javascript - 循环对象内部的数组并将 id 吐出到下拉列表中

javascript - JS AnimationEnd Loop,想在不使用的情况下不断循环;设置间隔/设置超时

html - html 5 中子菜单的正确位置

iframe - 嵌入的 YouTube 视频在 Firefox 中不显示,仅在 Chrome 中显示