如何在vue2中使用plyr,播放,暂停,调节中文https://plyr.io/做一个简单的视频播放器。
1条回答 默认 最新
- 崽崽的谷雨 2022-04-26 18:50关注
跟引入 axios 一样
vue有vue-plyr
先npm install vue-plyr
然后引入import VuePlyr from 'vue-plyr' import 'vue-plyr/dist/vue-plyr.css'
然后就可以使用了
<vue-plyr :options="options"> <video controls crossorigin playsinline data-poster="poster.jpg"> <source size="720" src="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-720p.mp4" type="video/mp4" /> </video> </vue-plyr>
vue-plyr - npm A vue component for the plyr video & audio player.. Latest version: 7.0.0, last published: a year ago. Start using vue-plyr in your project by running `npm i vue-plyr`. There are 19 other projects in the npm registry using vue-plyr. https://www.npmjs.com/package/vue-plyrvue-plyr修改语言为中文 国际化配置_iMingzhen的博客-CSDN博客_vue-plyr vue-plyr修改语言为中文 国际化配置因为vue-plyr是封装了plyr.js,所以文档配置部分和plyr.js一致https://github.com/sampotts/plyr文档中可以看出plyr是用i18n做国际化也就是语言配置而配置项是options中的i18n对象demo如下 用的vue3 ,vue2同理<template> <vue-plyr :options="options"> <video controls crossorigi https://blog.csdn.net/isKelel/article/details/116919412本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报 编辑记录
悬赏问题
- ¥100 set_link_state
- ¥15 虚幻5 UE美术毛发渲染
- ¥15 CVRP 图论 物流运输优化
- ¥15 Tableau online 嵌入ppt失败
- ¥100 支付宝网页转账系统不识别账号
- ¥15 基于单片机的靶位控制系统
- ¥15 真我手机蓝牙传输进度消息被关闭了,怎么打开?(关键词-消息通知)
- ¥15 装 pytorch 的时候出了好多问题,遇到这种情况怎么处理?
- ¥20 IOS游览器某宝手机网页版自动立即购买JavaScript脚本
- ¥15 手机接入宽带网线,如何释放宽带全部速度