Jquery 向视频标签添加HTML5 href链接

我正在尝试向视频添加

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>

//EDIT:loop=“true”现在已不推荐使用
您的浏览器不支持视频标记。

---

代码到目前为止。任何帮助都将不胜感激。提前谢谢。

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

如果这不是你想要的，我想你可以在视频标签周围加一个链接：

<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>

---

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

如果这不是你想要的，我想你可以在视频标签周围加一个链接：

<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>

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');

希望这有帮助

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');

---

希望这有帮助

抱歉，再次输入密码//编辑：loop=“true”再次被弃用//EDIT:loop=“true”现在已被弃用，但是，如果用户尝试单击视频的播放按钮，然后被导航离开，则此（或任何其他处理视频点击的解决方案）可能会出现问题。太棒了！！工作正常，非常感谢您的快速回复。请注意，某些浏览器要求

为

mute=“mute”

以自动开始播放。但是，请注意，如果用户尝试单击视频的播放按钮，这（或任何其他处理单击视频的解决方案）可能会出现问题，例如，他们被导航走了。太棒了！！工作正常，非常感谢您的快速回复。请注意，某些浏览器要求

为

mute=“mute”

才能自动开始播放。