视频自动暂停解决方法

已于 2023-02-01 09:14:10 修改
阅读量2.3k 收藏 5
点赞数 1
文章标签： javascript ajax 开发语言
于 2023-02-01 09:09:22 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_52656105/article/details/128826514
版权

setInterval(function () {
var current_video = document.getElementsByTagName(‘video’)[0]
current_video.play()
}, 1000)

// 定时每秒开始视频任务

document.querySelector(‘video’).playbackRate = 3.0
//视频倍速播放 最高16倍
可以edge浏览器 global speed 插件 倍速播放

喵小灰
关注
  • 1
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html5中嵌入视频自动播放的问题解决
01-21
在H5页面中嵌入视频的情况是比较多件的，有时候会碰到需要自动播放的情况，之前根本觉得这不是问题，但是自己的项目中需要视频的时候就有点sb了，达不到老板的要求，那个急呀~~~ 各种查资料，找到一个方法，记录一下。核心是监听了canplaythrough事件，然后自己去让视频play()。 在这个过程中还发现，ios和安卓不一样，安卓上需要设置muted才能自动播放，ios没这个限制，当然，多媒体播放政策呢，厂商也一直在调整，需要关注。 还有就是有时候视频也可能有问题，导致不能自动播放，之前就是碰到了这个坑（在iphone8 plus,安卓上正常，但是在iPhone X，XR上不能自动播放），调了
背景视频循环播放短暂黑屏、播放自动停止解决办法
03-24
解决循环播放视频黑屏自动停止;用于公司年会、各种会议、讲做、的大屏幕投影仪循环播放一小段视频背景视频。解决短暂黑屏、播放自动停止解决办法！（没有积分的自己注册账号，填写资料后即可下载）
video 取消默认的单击暂停视频
peppa_pig的博客
03-05 1471
给video添加pointer-events: none;样式。 video{ pointer-events: none; }
video标签不能自动播放的原因
我脾气呢的博客
12-10 4040
复习一下video标签重要的属性吧~ src 要播放的视频的 URL。 autoplay 如果出现该属性，则视频在就绪后马上播放。 controls 如果出现该属性，则向用户显示控件，比如播放按钮，进度条等。 height 设置视频播放器的高度。 width 设置视频播放器的宽度。 autoplay 如果出现该属性，则视频在就绪后马上播放。 controls 如果出现该属性，则向用户显示控件，比如播放按钮,进度条等。 loop 如果出现该属性，视频播放结束会再次播放，即循环播放。 muted
js setInterval定时器
weixin_46146313的博客
02-01 407
setInterval:
解决网盘视频倍速播放的问题
weixin_41501074的博客
04-29 3043
最近打开网盘应用，使用倍速播放需要超级会员，还是挺贵的，就搜了一下倍速的方法。 用chrom打开百度网盘网页版，右键检查或者F12，调出开发者界面。在console中输入下面一行代码： videojs.getPlayers("video-player").html5player.tech_.setPlaybackRate(1.5); 回车即可实现倍速，其中的1.5是几倍速，可根据实际修改。...
HTML5页面音视频在微信和app下自动播放的实现方法
01-19
纯H5页面在手机端中是无法实现自动播放，移动端浏览器大部分是禁用video和audio的autoplay功能并且，很多移动浏览器也不支持首次js调用play方法进行播放（只有用户手动点播放后暂停，然后用代码进行play可以）。...
myvod:使用TOR通过PirateBay通过基于关键字的torrent自动下载的自托管视频点播解决方案
05-26
自托管的视频点播解决方案，通过基于TOR的PirateBay自动下载基于关键字的torrent。 特征 自动下载视频并将其转码为快速预览格式 您可以喜欢视频或将其设为最佳（单独的视图以浏览大量视频） 自动删除观看过但不喜欢...
win7电脑卡怎么处理解决方法.docx
09-27
Win7 电脑卡解决方法 Win7 电脑卡是许多用户在使用 Windows 7 系统时遇到的常见问题。这种问题可能是由多种原因引起的，例如网络延迟、系统配置不当、软件冲突等。下面我们将介绍两种解决 Win7 电脑卡的方法。 ...
audio和video标签
hfdxmz_3的博客
06-01 254
<style> * { margin:0; padding:0; } .video_player{ position:relative; width:1000px; height:500px; margin:0 auto; } video{ position:absolute; width:1000px; hei.
解决在线倍速播放视频
你知道爬上树的感觉吗
01-21 1万+
1、打开网页“开发者工具” 2、进入到“Console” 3、输入代码并回车： /* play video twice as fast / document.querySelector(‘video’).defaultPlaybackRate = 2.0;//默认两倍速播放 document.querySelector(‘video’).play(); / now play three time...
JS—— 控制＜video＞标签播放/暂停
最新发布
mkijnbgt的博客
08-24 5210
【代码】JS—— 控制＜video＞标签播放/暂停。
【网页上视频无法拖动进度条，如何进行加速播放操作以及网页失焦后如何可继续播放】
热门推荐
Yxf11824的博客
01-28 3万+
网页上视频不支持拖动进度条并且无法加速播放时，如何进行加速播放 网页视频失焦后就停止播放，如何继续播放
简单解决网课或教育平台在线学习视频鼠标检测问题
马句
05-04 2万+
前言 由于工作性质问题，朋友们知道博主整天盯着电脑，经常会遇到没时间的朋友让我帮忙刷网课或者驾校的继续教育学习平台，有的网站只要你鼠标切换到其他浏览器标签或者最小化浏览器就会停止视频的播放。so，我当然不可能工作时间划水一直开着学习页面啦，解决办法也有很多种，比如js、虚拟机等等，接下来四种方法一一说明，针对本文题目来说，尽量做到看完就做得到，小白也能学会的程度，本人用的最后一种懒癌晚期做法。 ...
专技继续教育-使用tampermonkey刷课时（可自动跳转下一节）
u011670826的专栏
07-25 2万+
挂机听课计时，不用整天坐在电脑前
JS控制台控制视频倍速
将~军的博客
01-04 6543
1.B站亲测有效，其他网站自测（后面的3代表倍数，可以修改） document.getElementsByTagName("video")[0].playbackRate = 3 2.以二倍速播放百度网盘视频，得是以网页形式播放的百度网盘视频 videojs.getPlayers("video-player").html5player.tech_.setPlaybackRate(2)//以二倍速播放百度网盘视频 3.获取到视频标签，将视频播放速度改为2（可以修改）倍速 document.querySel
解决视频防挂定时暂停或者做了切入后台等操作自动暂停的问题
m0_50375698的博客
11-05 2万+
第一步: 打开浏览器的开发者工具,找到搜索选项 开发者工具不同浏览器打开方式不同, Edge和Google可以按下 ctrl+shift+i 打开; 搜索选项在打开开发者工具后,可以按下 ctrl+shift+f 打开
H5 视频Video 元素及常用事件 播放 暂停 初始化 设置播放时间禁用下载等
黄钟飞的博客
12-07 4941
H5 视频Video 元素及常用事件 播放 暂停 初始化 设置播放时间
网页如何插入背景视频自动播放，请给出代码并详细解释，播放失败为什么，怎么办
03-26
要在网页中插入背景视频自动播放，可以使用HTML5的video标签来实现。以下是代码示例和详细解释。 ```html <!DOCTYPE html> <html> <head> <title>Background Video Autoplay</title> <style type="text/css"> body { margin: 0; padding: 0; overflow: hidden; } video { position: fixed; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; object-fit: cover; } </style> </head> <body> <video src="video.mp4" autoplay loop muted> Your browser does not support the video tag. </video> <h1>My Website</h1> <p>Welcome to my website.</p> </body> </html> ``` 首先，在文档头部添加一个标题和CSS样式表。CSS样式表用于设置body元素和video元素的样式。body元素的样式设置为不显示滚动条，以便视频可以完全覆盖整个页面。video元素的样式设置为固定定位，以便它可以在页面上覆盖其他内容。视频的z-index设置为-1，以便其后面的文本内容不被覆盖。object-fit被设置为cover，以确保视频填满整个屏幕。 然后，在body标签内添加视频元素。src属性指定要播放的视频文件的路径。autoplay设置为true，使视频在页面加载后自动开始播放。loop被设置为true，以便视频在结束时循环播放。muted设置为true，以确保视频没有声音（如果没有，则可能会自动暂停）。如果浏览器不支持HTML5 video标签，则会显示备用消息。 播放失败可能出现的原因： 1.视频格式不正确：确保视频格式正确，如MP4、WebM或Ogg。 2.文件路径错误：确保文件路径正确。 3.浏览器不支持：某些浏览器不支持HTML5 video标签。可以通过添加备用视频格式来解决这个问题，例如在video标签中使用多个source标签。 4.网络连接问题：如果视频来自外部源，则可能需要快速的互联网连接才能加载。 如果播放失败，可以尝试检查以上列出的原因，或者提供更多的错误信息以便通过查询解决问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值