没有合适的资源?快使用搜索试试~ 我知道了~
react-hover-video-player:当用户将鼠标悬停在视频上时,React组件将呈现正在播放的视频
共68个文件
js:24个
snap:13个
md:6个
需积分: 50 0 下载量 66 浏览量
2021-05-12
21:15:03
上传
评论
收藏 8.06MB ZIP 举报
温馨提示
React悬停视频播放器 这是什么 一个React组件,使设置视频变得非常容易,当用户将鼠标悬停在该视频上时,该视频将播放。 这对于设置缩略图将在悬停时播放视频预览特别有用。 特征 开箱即用的鼠标和触摸屏交互支持 轻松添加自定义缩略图和加载状态 干净,无错误的异步视频播放处理 轻巧快速 没有依赖关系 这个怎么运作 此组件将呈现一个视频元素,当在上onFocus onMouseEnter , onTouchStart或onFocus事件时,该视频元素将开始播放;当在上onFocus onMouseLeave或onBlur事件,或者在外部触发onTouchStart事件时,该视频元素将暂停onMouseLeave目标。 可以根据需要此默认行为。 编写所有内容时都要格外小心,以便在异步加载和播放视频元素时清晰地处理它的状态。 开始使用 安装 npm install react-hover-vi
资源推荐
资源详情
资源评论
收起资源包目录
react-hover-video-player-main.zip (68个子文件)
react-hover-video-player-main
.gitignore 71B
tsconfig.json 381B
README.md 21KB
.github
PULL_REQUEST_TEMPLATE.md 631B
ISSUE_TEMPLATE
bug_report.md 840B
feature_request.md 583B
rollup.config.js 900B
.prettierrc 68B
tests
hoverTargetRef.test.js 4KB
overlayTransitionDuration.test.js 3KB
restartOnPaused.test.js 2KB
jest.setup.js 10KB
.eslintrc 269B
__snapshots__
videoPlaybackErrors.test.js.snap 480B
videoCaptions.test.js.snap 3KB
overlayTransitionDuration.test.js.snap 1KB
focused.test.js.snap 956B
videoProps.test.js.snap 4KB
disableDefaultEventHandling.test.js.snap 521B
overlays.test.js.snap 2KB
interactionFlows.test.js.snap 7KB
restartOnPaused.test.js.snap 960B
videoSrc.test.js.snap 4KB
unloadVideoOnPaused.test.js.snap 1KB
styleProps.test.js.snap 4KB
memoryLeaks.test.js.snap 2KB
jest.dev.config.js 370B
focused.test.js 2KB
unloadVideoOnPaused.test.js 5KB
videoPlaybackErrors.test.js 1KB
disableDefaultEventHandling.test.js 2KB
jest.base.config.js 371B
videoCaptions.test.js 5KB
memoryLeaks.test.js 2KB
jest.prod.config.js 232B
styleProps.test.js 3KB
overlays.test.js 4KB
interactionFlows.test.js 12KB
videoSrc.test.js 6KB
utils.js 3KB
videoProps.test.js 5KB
commitlint.config.js 67B
dev
LoadingSpinnerOverlay.tsx 4KB
constants
testVideos.ts 2KB
DevPlayground.tsx 3KB
docs
.nojekyll 0B
vendor
themes
buble.css 11KB
prism-jsx.min.js 3KB
docsify.js 183KB
index.html 1024B
assets
images
hover_preview_demo.gif 7.84MB
rollup.dev.config.js 921B
LICENSE 1KB
.eslintrc 1KB
package.json 4KB
CONTRIBUTING.md 5KB
src
HoverVideoPlayer.types.ts 8KB
HoverVideoPlayer.styles.ts 2KB
index.ts 46B
HoverVideoPlayer.tsx 19KB
CODE_OF_CONDUCT.md 3KB
.babelrc 105B
.husky
.gitignore 2B
commit-msg 37B
pre-commit 15B
.eslintignore 17B
.travis.yml 1KB
package-lock.json 802KB
共 68 条
- 1
资源评论
华笠医生
- 粉丝: 672
- 资源: 4679
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 基于Vue、Java、JavaScript和HTML的“久久爱宠”宠物店管理系统设计源码
- 基于Python的Rime输入法配置与使用技巧设计源码
- 基于TypeScript和前端框架的华中科技大学开源镜像站设计源码
- 广东东莞含街道geojson
- 基于MQTT协议的ESP32远程遥控小车
- 适用于 YOLO-Pose 模型的 NVIDIA DeepStream SDK 6.3 , 6.2 , 6.1.1 , 6.1 , 6.0.1 , 6.0 应用程序.zip
- 基于Raspberry Pi的dingdang-robot中文语音对话机器人设计源码
- 基于HTML的ABAP程序设计源码与编程交流平台
- 基于Spring Boot与Mybatis的Java点歌系统设计源码
- 基于Spring Boot的Java-Lib设计源码,全面集成Java和HTML技术库
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功