Question

我正在尝试为视频添加href链接，因此当您点击该视频时，它会将您定向到另一个HTML页面。显然，它只能用jquery一个博客说但不确定。

<video class="tutorial_vid" width="220" height="140" autoplay="autoplay" loop> //EDIT: loop="true" is deprecated nowadays
  <source src="vid/Rolling_Ice_x264.mp4" type="video/mp4" />
  <source src="movie.ogg" type="video/ogg" />
  Your browser does not support the video tag.
</video>

到目前为止

代码。任何帮助将不胜感激。提前谢谢。

Answer 1

我认为如果你想点击某些东西导航到另一个页面，你实际上需要一个anchor（）链接。您可以对链接进行样式设置，使其看起来像一个视频（使用图像或其他东西）。

如果那不是你想要的，我想你总是可以用链接围绕录像带：

<a href="yourpage.html"> <video class="tutorial_vid" width="220" height="140" autoplay="autoplay" loop> //EDIT: loop="true" is deprecated nowadays <source src="vid/Rolling_Ice_x264.mp4" type="video/mp4" /> <source src="movie.ogg" type="video/ogg" /> </video> </a>

Answer 2

Fiddle

jQuery //您可以使用jQuery添加简单的基于点击的重定向

$('.tutorial_vid').click(function(){
    window.location = 'http://google.com';
});

CSS //使用CSS使其在鼠标悬停时显示为可点击

.tutorial_vid {
    cursor: pointer;
}

如果你仍然想要一个href解决方案，这个jQuery方法应该添加属性。

$('.tutorial_vid2').attr('href', 'http://google.com');

希望这会有所帮助!!

将HTML5 href链接添加到视频标记

2 个答案: