调整video的播放速率
有时候,自己在看视频的时候,给你调节的速率往往就是0.5,1,1.5,2倍,有时候不是自己想要的速度,例如看日剧,1.5像是正常播放速度,2倍速又太快,那么,1.75左右才算是刚刚好,所以就来自己设置一下吧,只需要两行代码。
下面以我看的的一个网站为例举例一下。
1.打开开发者工具,找到video标签的class或者id
var video = document.querySelector(".dplayer-video-current");video.playbackRate = 1.75
现在就可以愉快的玩耍了。是不是很简单呢。
调整video的播放速率相关推荐
- UE4 sequence 播放速率的调整(4.27)
今天也是高产的一天,专注于简单操作,话不多说上内容 在使用过场动画时,某些时候,可能需要部分内容的播放速率进行调整(有语病,但是我不改),然后就很简单,虚幻非常贴心,有现成的 拿来用就好了 1.创建自 ...
- [HTML5] Video 标签播放及控制视频
Video 是 HTML5 中新增的标签,使用 Video 标签可以播放 ogg.mp4 .webm 等格式的视频,Video 标签的引入,减少前端页面对 Flash 动画的依赖. 0x0 预备知识 ...
- vue中使用video标签播放FLV总结
Audio/Video 标签属性及自定义(进度条.播放.快进.全屏) - SeaJson - 博客园 (cnblogs.com) //全屏按钮video::-webkit-media-controls ...
- html video标签播放直播视频,HTML5 Video 标签播放及控制视频
Video 是 HTML5 中新增的标签,使用 Video 标签可以播放 ogg.mp4.webm 等格式的视频,Video 标签的引入,减少前端页面对 Flash 动画的依赖. 0x0 预备知识 不 ...
- [html] H5的video可以播放哪些类型的文件?可以播放rtsp流吗?
[html] H5的video可以播放哪些类型的文件?可以播放rtsp流吗? Ogg.MPEG4.WebM,不能播放rtsp 个人简介 我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定 ...
- 异常:谷歌浏览器video标签播放视频不能拖动进度条
谷歌浏览器video标签播放视频不能拖动进度条 当前端video的src不是直接使用视频文件的地址,而是通过后台下载接口返回文件流时,后台返回流因为没为response的header设置一些参数,会在 ...
- 当前页面的video只播放一个
nextTick(function () {//当前页面的video只播放一个var videos = document.getElementsByTagName("video") ...
- video.js播放rtmp直播源和hls直播源
看了很多网上的坑,都是无法播放的,这次自己亲测能播放 注意如果是自己制作的源的话,在推流之后要先等一小会才可以播放 video.js播放rtmp源 一定要注意你的Chrome浏览器允许播放flash, ...
- Vue Video.js播放m3u8视频流格式(video+videojs-contrib-hl)
文章目录 1. Vue+Video.js播放效果图 2. npm安装和引入 3. vue 使用 4. 动态设置video视频的src地址 5. Uncaught (in promise) TypeEr ...
最新文章
- 单链表-删除单链表L中第一个值为x的结点(双指针法)
- AI 岗位年薪下降 8.9%,程序员越“老”越吃香,最新薪酬报告发布!
- python能在生活中做什么-python能做哪些生活有趣的事情
- Http协议中的方法
- 跟我学 Java 8 新特性之 Stream 流(四)并行流
- 191202-GETJOB-捡历的写法
- python aiompq集群_国内首款基于AIO(异步IO)支持集群的高性能开源WebSocket服务器 宝贝鱼 CshBBrain V4.0 发布...
- c/c++教程 - 1.2 变量、常量
- linux安配置及简单使用Mariadb
- matlab中在xls单元格中填充颜色,!Excel中如何根据某一列的值对整行进行颜色填充?...
- iOS辅助功能Accessibility浅析
- 小知识:btn.addEventListener is not a function报错处理
- Android根据音量大小绘制心电图(附源码)
- 【图形学】计算机图形学-练习题7
- excel切片器显示错误_带切片器的Excel弹出选择器工具
- python电话号码转换英文字母_用python实现英文字母和相应序数转换的方法
- 91Act客户端笔试分享(19秋招)
- AI视觉检测,助力工业生产实现智能化升级
- 1384:珍珠(bead)
- (转)Robots协议(爬虫协议、机器人协议)