使 html5 视频 div 可点击并转到超链接答案

【问题标题】：Make html5 video div clickable and go to hyperlink使 html5 视频 div 可点击并转到超链接
【发布时间】：2021-05-16 13:30:30
【问题描述】：

我目前有一个视频链接

<video onclick="location.href='/video';" width="320" height="240" controls loop autoplay>
<source src="/static/backgroundremover.mp4" type="video/mp4">
<source src="/static/backgroundremover.ogg" type="video/ogg">
<img src="/static/backgroundremover.gif">
Your browser does not support the video tag.
</video>

但我将上面的 div 包裹在 <a href> 中，但每次我点击任何视频时，它都会暂停视频，而不是转到超链接。

当有人点击视频让它转到另一个网址时，我如何做到这一点，即/video

【问题讨论】：

您的代码是直接加载和播放视频。我认为您不能在 a 标签中分配它。我相信您将需要一个在相同位置呈现但具有更高 z-index 的叠加层。
@SHenry 你能举个例子吗？我尝试将视频放在
中，z 索引为负数和正数，并尝试在同一个 div 中叠加但没有成功。它仍然会暂停视频
您必须将其准确定位在视频上方，并使链接与 div 大小相匹配。

#video { position: relative; left: 0px; top: 0px; min-height: 100%; min-width: 100%; z-index: 9997; } #overlay { position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; z-index: 9998; } #main_container {position: relative; left:0; top:0; }

<div id="main_container"class="d-none d-md-block"> <div id="overlay"></div> <video id="video" width="320" height="240" controls loop autoplay> <source src="/static/backgroundremover.mp4" type="video/mp4"> <source src="/static/backgroundremover.ogg" type="video/ogg"> <img src="/static/backgroundremover.gif"> Your browser does not support the video tag. </video> </div>