videojs改变音量大小
2024-09-01 13:50:03
<audio id=example-video preload="auto" class="video-js vjs-default-skin" type="audio/wav" hidden="hidden">
<script type="text/javascript" th:src="@{/js/jquery3.4.1.js}"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/video.js/7.6.4/video.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/video.js/7.6.4/lang/zh-CN.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/videojs-contrib-hls/5.15.0/videojs-contrib-hls.min.js"></script>
<script src="https://cdn.bootcss.com/layer/2.3/layer.js"></script>
<link href="https://cdn.bootcss.com/layer/2.3/skin/layer.css" rel="stylesheet">
<audio id=example-video preload="auto" class="video-js vjs-default-skin" type="audio/wav" hidden="hidden">
<span>音量</span><input type="range" min="10" max="100" id="volume" step="1" value="50"/><span id="volumeLabel">50%</span>
$("#volume").change(function(){
var volume = $(this).val();
$("#volumeLabel").text("x"+volume+"%");
}); var player = videojs('example-video');
player.ready(function() {
var _this = this
//速率
var playbackRate = $("#playbackRate").val();
var speed = parseFloat(playbackRate); var volume = parseFloat($("#volume").val()/100.0); setTimeout(function() {
_this.volume(volume);
//笔者在测试播放视频控件的demo里发现volume是一个属性,不是函数
},20);
});
...
player.play();
最新文章
- Android开发工具全面转向Android Studio(3)——AS project/module的目录结构(与Eclipse对比)
- WebApi深入学习--概述+路由查找
- jquery validate 指定错误内容的位置
- ruby -- 进阶学习(五)使用Ckeditor插件上传中文图片
- jQuery1.9.1源码分析--Animation模块
- Flexigrid自定义显示数据列
- Serializable 序列化使用限制
- UserManageSys
- 重大新闻:借贷宝不用绑卡了,借贷宝APP推出肖像识别新功能!
- Signal ()函数详细介绍 Linux函数
- 关于RequestDispatcher的原理
- linux下的framebuffer显示图片
- 剑指Offer-不用加减乘除做加法
- spreed&;rest
- #WEB安全基础 : HTTP协议 | 0x1 TCP/IP通信
- Python线程二
- Solidity语言基础 和 Etherum ERC20合约基础
- Evolution(矩阵快速幂)zoj2853
- Cassandra 2.x 提示“错误: 代理抛出异常错误: java.lang.NullPointerException”
- C程序模拟实现银行家算法