vuevideo基于vue.js的视频播放器组件

JavaScript08

vuevideo基于vue.js的视频播放器组件,第1张

一款基于 vue.js 的轻量级的视频播放器插件插件

NPM

或者使用 yarn

默认英语,你如果想成中文就加一个 lang

en: 英语

zh-CN: 简体中文

jp: 日本

Use custom language data

外部路径:

非常简单!就是直接上!

本地路径:

不能直接 ./assets/1.mp4 ,无效的。需要使用 require("...")

组件保持了和原生 HTML Video 属性配置的对接

案例

VueCoreVideoPlayer 遵循 W3C 标准的媒体事件 API ,你可以前往 MDN 获取这些细节,下面罗列一些非常常用的事件:

原文地址:vue-core-video-player-基于vue.js的视频播放器组件 - Iron_Man-super - 博客园

具体两种解决方法如下:

第一种:

1,Video.js 是一个通用的在网页上嵌入视频播放器的 JS 库,Video.js 自动检测浏览器对 HTML5 的支持情况,

2,如果不支持 HTML5 则自动使用 Flash 播放器。

第二种:

1,通过使用原生的video标签,然后再属性中没用使用controls属性,

2,然后再自己百度了暂停、播放、全屏、播放进度的代码,然后添加上去即可。

 function a(){

     var audio = document.getElementById('music') 

     if(audio.paused){                 

         audio.play()//audio.play()// 播放  

     }

     else{

          audio()

     } 

   }

   <!-- 上面是加入js部分的 -->

   <audio src="click.mp3" controls="controls" preload id="music"   hidden> </audio>

   <button id="a" onclick="a()">播放/暂停</button>