分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

video.js使用

发布时间:2023-09-06 02:15责任编辑:林大明关键词:js

刚用的video.js做一个视频展示,开始介绍

主要文件:

video.min.js video-js.css

<div class="m">
<video id="my-video" class="video-js" controls preload="auto" width="740" height="400" poster="m.png" data-setup="{}">
<!-- 设置flash路径,Video.js会在不支持html5的浏览中使用flash播放视频文件(video/mp4 video/webm video/ogg) -->
<source src="./movie.ogg" type="video/ogg">
</video>
<script src="./js/video.min.js"></script>
<script type="text/javascript">
videojs.options.flash.swf = "video-js.swf"; //设置flash路径,Video.

?????var myPlayer = videojs(‘my-video‘);
?????// 实现功能加载完成在,自动播放
?????videojs("my-video").ready(function () {
???????//在回调函数中,this代表当前播放器,
???????//可以调用方法,也可以绑定事件。
???????var myPlayer = this;
???????myPlayer.play(); //播放
???????myPlayer.volume(.5); //声音大小(0-1之间)
?????});
 
其代码包放到放百度云,里面进一步介绍了一些方法的使用,
百度云地址:https://pan.baidu.com/s/1Jjlr6ModA0l8Sbi72bnLSg

video.js使用

原文地址:https://www.cnblogs.com/TLSF/p/9669693.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved