vue项目中视频video的运用，实现鼠标移入自动播放，移出暂停，点击可以进入跳转详情页面

最新推荐文章于 2024-04-11 18:39:08 发布

lelehouse

最新推荐文章于 2024-04-11 18:39:08 发布

阅读量1.2w

点赞数 2

分类专栏： vue

本文链接：https://blog.csdn.net/weixin_44329718/article/details/88807151

版权

如果你尝试在vue中自己直接使用video标签，会发现无法调用play和pause方法，
具体可参考jq插件http://www.jq22.com/jquery-info404
插件描述：Video.js 是一个通用的在网页上嵌入视频播放器的 JS 库，Video.js 自动检测浏览器对 HTML5 的支持情况，如果不支持 HTML5 则自动使用 Flash 播放器。（要支持ie低版本请下载5.4.3版）

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <link href="//vjs.zencdn.net/7.3.0/video-js.min.css" rel="stylesheet">
  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="//vjs.zencdn.net/7.3.0/video.min.js"></script>

</head>
<body>
  <div id="app">
      <video

最低0.47元/天解锁文章

lelehouse

关注

2
点赞
踩
8

收藏

觉得还不错? 一键收藏
1
评论
vue项目中视频video的运用，实现鼠标移入自动播放，移出暂停，点击可以进入跳转详情页面

如果你尝试在vue中自己直接使用video标签，会发现无法调用play和pause方法，具体可参考jq插件http://www.jq22.com/jquery-info404插件描述：Video.js 是一个通用的在网页上嵌入视频播放器的 JS 库，Video.js 自动检测浏览器对 HTML5 的支持情况，如果不支持 HTML5 则自动使用 Flash 播放器。（要支持ie低版本请下载5.4...
复制链接

扫一扫