文章/答案/技术大牛

发布

社区首页 >问答首页 >在省电模式下，移动设备(iOS)上无法单击视频中的链接

问在省电模式下，移动设备(iOS)上无法单击视频中的链接
EN

Stack Overflow用户

提问于 2018-12-31 23:22:43

回答 1查看 73关注 0票数 0

我有一个自动播放视频在我的网站上，也作为另一个页面的链接。但是现在我发现iPhone的省电模式有一个问题。单击视频可播放视频。但当我再次点击时，什么也不会发生。然而，我希望集成的链接是开放的。

我的代码：

video {
  width: 80vw;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

<body>
  <a href="http://www.google.com">
    <video autoplay loop playsinline src="https://www.w3schools.com/html/mov_bbb.mp4" target="_self"></video>
  </a>
</body>

你能帮我让链接也在省电模式下打开吗？

html

video

mobile

html5-video

battery-saver

回答 1

Stack Overflow用户

发布于 2019-01-01 04:08:21

您可以使用JS和一个onclick事件来实现这一点。

const targetURL = "404.404";
// Not a real address

function openURL() {
  window.location = targetURL;
}

video {
  width: 80vw;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

<body>
  <video onclick="openURL()" autoplay loop playsinline src="https://www.w3schools.com/html/mov_bbb.mp4" target="_self"></video>


</body>

404.404不是一个真正的URL，它只是为了生成一个404错误，并演示代码重定向。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/53988976

复制

相似问题

问在省电模式下，移动设备(iOS)上无法单击视频中的链接
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在省电模式下，移动设备(iOS)上无法单击视频中的链接EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在省电模式下，移动设备(iOS)上无法单击视频中的链接
EN