点击a标签怎么实现自动播放相应的视频呢?(移动端)

如题,页面有很多的a标签,对应不同的视频,单击的时候自动打开该视频,并自动播放的效果,怎么实现呢?
我是这样做的:
<a href="110.mp4">视频</a>

这样的话,单击的时候会跳转到对应视频,但是不会自动播放(浏览器调试会自动播放,手机打开不会),应该怎么做呢?有没有其他方法?

阅读 10.2k
4 个回答

找到如下解决方案:

$('video').click(function(){
    $(this).find('video').trigger('play');
});

不要用<a></a>,用onclick()事件绑定触发对应的函数。

你这是点击之后跳转到某个页面来进行播放还是? 视频是在video标签内的嘛? video标签有自己的控制方法,可以载入时自动播放的

不用a标签,放一个audio标签,你点击后用js获取data-src链接 赋给audio,设置audio的autoplay=autoplay,当然也可以用a标签跳转的方式,在a标签上加个click,点击后用sessionStorage存储下src,都跳到同一个播放页面(不是视频地址),页面是写audio,设置autoplay="autoplay",用js获取sessionStorage存储的src,然后赋给audio。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏