Question

我需要为视频添加可点击链接（例如youtube上的注释不再可用）。

所以，我需要插入一些文字，当我点击它时，我需要被发送到另一个页面。

此文字必须仅在视频的特定部分中可见。

我该怎么做？

Answer 1

您只需要为视频创建一个包装器作为叠加层以放置元素。检查一下：

＆＃13;

$('.skipper').on('click', () => {
  console.log('Button clicked');
})

＆＃13;

.videowrapper {
  position: relative;
  display: inline-block;
}
.skipper {
  position: absolute;
  bottom: 20px;
  right: 0;
  border:0;
  background: black;
  color:white;
  opacity: 0.7;
  cursor: pointer;
  padding: 5px;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="videowrapper">
<video style="width: 400px;"><source src="https://www.sample-videos.com/video/mp4/720/big_buck_bunny_720p_2mb.mp4"></video>
<button class="skipper">SKIP AD</button>
</div>

＆＃13;

如何在视频上添加超链接

1 个答案: