写vue项目的时候，写到了一个视频播放功能，用到了阿里云播放器， 记录一下，获取当前视频时长的笔记。 首先用setInterval方法，让她十秒获取一下当前的视频播放的时长。 其次用阿里云文档自带的getCurrentTime方法获取当前的播放时长 ...

用的vue组件是vue-video-player，可以去百度下怎么引入到项目中： 因为这个组件是基于H5video实现的，视频格式有所限制，而且MP4不是H264的也不行。转码可以看下我上篇博客，地址 新增视频数据库保存地址为：/static/upload/video/ + 资源名； 但是视频 ...

1.创建接口，根据视频id获取视频播放凭证 2.ConstantVodUtils工具类 3.InitVodCilent ...

方式有多种，我使用的是比较笨拙的方式 第一步，通过index.html 引入阿里云需要的js插件，js文件最好放在cdn上,XXX为cdn地址 第二步，vue代码实现 1、定义变量 2、获取上传凭证 onFileChange ...

视频播放参照地址：https://www.cnblogs.com/konglxblog/p/15116534.html 一、开通视频点播云平台 1、选择视频点播服务（收费） 阿里云地址：https://www.aliyun.com/activity/618/2021?spm ...

　　阿里云视频点播在苹果和安卓播放视频的效果不一样，在Android手机上，X5浏览器会劫持Video标签用播放器弹出全屏播放，处于最上层，覆盖DOM元素。导致页面不能继续滑动，现在想在安卓环境下播放视频时页面能够继续滚动。 　　根据阿里云视频点播文档，需要在安卓端微信或qq浏览器启用同层播放 ...

一.开通阿里云的视频点播服务(需要先实名认证) 　　可以选择按照流量计费 二.管理控制台(一般运维才有权限) 　　1.可以看到阿里云视频点播文件 　　2.可以上传视频文件 　　3.可以设置转码模版组(一般需要收费的视频都是经过转码加密成hls格式) 三.实现上传视频文件 　　1. ...

<button @click="play = !play">播放</button> <video src="./video/rpa10.0.mp4" autoplay v-if="play"></video> data() { return ...