【问题标题】:Autoplay function in embedded video vue.js?嵌入式视频vue.js中的自动播放功能?
【发布时间】:2022-01-20 05:35:57
【问题描述】:

是否可以自动播放网站中的嵌入视频?尝试了不同的解决方案以使其在 vue.js 上运行,但它不会。即使在链接中添加 autoplay=1 也不起作用。我正在使用来自 youtube 的 iframe 代码,我将在下面提供。

<iframe width="1060" height="615" src="[Link]?autoplay=1controls=0" title="Youtube Video" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

【问题讨论】:

    标签: html vue.js


    【解决方案1】:

    只有在静音时才能使用 youtube iframe(嵌入式)自动播放!

    所以

    <iframe width="1060" height="615" src="https://www.youtube.com/embed/L_gGKD8UNKA?autoplay=1&mute=1" title="Youtube Video" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
    

    通过在autoplay=1 之后添加mute=1,它会自动启动视频

    这是一个codepen.io 链接!

    【讨论】:

    • 哎呀,太可悲了。我猜它在自动播放时不可能有声音。总之,非常感谢!
    • 我可以跟随,循环如何?我尝试使用自动播放、静音,但循环不起作用@Jan Kees。
    • @rg_ 在 mute=1 之后添加 &playlist=VIDEOID&loop=1 它将循环播放!我已经更新了 codepen.io 链接,所以你可以检查一下!
    猜你喜欢
    • 2018-12-16
    • 2016-06-07
    • 2018-08-05
    • 2017-11-03
    • 1970-01-01
    • 2011-12-29
    • 2018-05-25
    • 2021-05-01
    相关资源
    最近更新 更多