【问题标题】:Switch video source on click点击切换视频源
【发布时间】:2022-02-13 21:09:24
【问题描述】:

例如: Section 1 HOME:有视频循环背景,“视频源1” 我想通过点击第1节中的视频来更改视频源为“视频源2”,

但video2只需要播放一次,必须再次切换回video1

我该如何解决这个问题

【问题讨论】:

    标签: javascript html json video bootstrap-4


    【解决方案1】:

    你可以试试这样的:

    • 为真/假创建一个布尔值作为“如果播放一次” 变量。设置为= false;...

    • 在标签设置中为(背景)<video> 标签指定一个 ID。

    • <video> 标签添加一个“点击”监听器。

    • 点击处理函数应该通过 ID 获取视频对象...

    • 有一个if 语句来检查If (played_Once == false)

    • if 中,您可以设置myVideoID.src = "other_video.mp4,然后也可以:
      myVideoID.load();
      myVideoID.play();
      played_Once = true;

    • 你还需要给视频对象添加一个“onended”监听器,这里的处理函数会按照上面的步骤改变src,回到原来的视频,在这个移除“ended”监听器点

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-12-09
      • 1970-01-01
      • 2022-01-26
      相关资源
      最近更新 更多