【问题标题】:I want a YouTube audio to play in the Background of my web-page我希望在我的网页背景中播放 YouTube 音频
【发布时间】:2021-11-18 02:29:59
【问题描述】:

作为我们的作业,我们必须做一个 html WhatsApp 多项选择故事,为了开玩笑,我希望在后台播放 YouTube 视频,我已将它放在标题中,但它不会播放

<audio autoplay hidden>
         <source src="https://youtu.be/NAh9oLs67Cw" type="audio/mpeg">
                    If you're reading this, audio isn't supported. 
        </audio>

【问题讨论】:

标签: html audio


【解决方案1】:

要开始使用,只需将下面的代码粘贴到您的网络模板的开始标记附近。您还应该将 ID 替换为您希望在后台使用的 YouTube 视频的实际视频 ID。

<div style="position: fixed; z-index: -99; width: 100%; height: 100%">
  <iframe frameborder="0" height="100%" width="100%"
    src="https://youtube.com/embed/ID?autoplay=1&controls=0&showinfo=0&autohide=1">
  </iframe>
</div>

// 将 ID 替换为您的 YouTube 视频的实际 ID

诀窍是您嵌入一个常规的 YouTube 视频(自动播放 = 1)并将视频播放器的高度和宽度设置为零,这样嵌入的 IFRAME 元素就不会出现。这可以通过一行代码来实现,您可以将其添加到网页的任何位置。

<embed height="0" width="0"
  src="http://youtube.googleapis.com/v/VIDEO_ID&autoplay=1&loop=1" />

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2017-09-15
    • 1970-01-01
    • 2020-09-20
    • 2014-04-30
    • 2014-09-24
    • 1970-01-01
    • 1970-01-01
    • 2011-08-30
    相关资源
    最近更新 更多