解决video.js video-player不能自动播放问题

最新推荐文章于 2023-11-28 14:19:25 发布
最新推荐文章于 2023-11-28 14:19:25 发布
阅读量5.6k 收藏
点赞数 2
文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43856626/article/details/109155144
版权

把autoplay,muted都设置为true，如下：
autoplay: true, //如果true,浏览器准备好时开始回放。
muted: true, // 默认情况下将会消除任何音频。

何以。。。。。。
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
html iframe视频自动播放的属性,iframe通用js播放器myplayer.js加自动播放参数
weixin_35764712的博客
05-31 2620
我的播放器调用方式，通用js播放器myplayer.js打开自动播放&后面的多余参数藐视不受影响。iframe可用于通用视频地址，.MP4去掉所有尾巴 &参数最终自动播放myplayer.jsfunction showPlayerHtml(){var html ='';return html;}player.html = showPlayerHtml();player.show(s...
videojs-shaka:使用Shaka播放器的video.js技术
05-10
videojs-shaka + = 4
vue-video-player.zip
09-09
此demo是一个用video.js封装的播放组件—vue-video-player。用于前端播放本地或链接地址视频。
videojs-contrib-ads:用于构建Video.js广告插件的工具
04-29
videojs-contrib-ads提供了与一起使用的视频广告库所需的常用功能 它为您解决了许多问题，减少了您必须为广告插件编写的代码。 videojs-contrib-ads不是独立的广告插件。 该库供其他广告插件使用，以完全支持video.js。 如果您想制作一个广告插件，那么您来对地方了。 如果您想在video.js中播放广告而无需编写代码，那么这不是适合您的项目。 维护状态：稳定 好处 广告超时是默认情况下实施的。 如果广告加载时间过长，则会自动播放内容。 广告播放后，即使广告在内容的video元素中播放，播放器状态也会自动恢复。 预加载广告加载时，内容会自动暂停，并显示加载微调框。 将触发，就好像广告不存在一样。 有关更多信息，请阅读上的文档。 广告服务器网址中提供了有用的宏。 视频源更改时，预卷检查会自动再次发生。 文献资料 发行历史 提供了每个发行版的功能，修
vue-core-video-player-Vue.js的轻量级视频播放器-Vue.js开发
05-27
vue-core-video-player Vue.js的轻量级视频播放器。 开始使用Npm $ npm安装vue-core-video-player --save Yarn $ yarn添加vue-core-video vue-core-video-player适用于Vue.js的轻量级视频播放器。 开始使用Npm $ npm安装vue-core-video-player --save Yarn $ yarn添加vue-core-video-player --save
(CODE:3 MEDIA_ERR_DECODE) Playback cannot continue. No available working or supported playlists
一只爱吃糖的小羊
08-24 1万+
videojs 播放m3u8 报错信息：VIDEOJS: ERROR: (CODE:3 MEDIA_ERR_DECODE) Playback cannot continue. No available working or supported playlists. 解决办法
Playback cannot continue. No available working or supported playlist 问题解决记录
QQ2856639881的专栏
03-04 3821
rtsp 转 hls 然后用videojs播放， 几百个摄像头中有10多个出这个错误。预计是h265编码问题。
vue 视频播放插件vue-video-player自定义样式、自动播放设置、设置一开始全屏播放视频、监听全屏事件
DarlingYL的博客
04-29 1万+
vue 视频播放插件vue-video-player自定义样式、自动播放设置、设置一开始全屏播放视频、监听全屏事件
vue通过video.js解决m3u8视频播放格式的方法
12-10
今天被这个关于m3u8视频播放不了搞了一下午，这个项目所有的视频流都是m3u8格式的，后台给我们返回的都是m3u8格式的视频流，解决了好长时间，看了好多博客，只有这个博客给我点启发，去解决这个问题，请查看。...
AudioPlayer.js实现限制仅播放一条语音、多条语音顺序播放、自动播放(有限制)、调整语音条长度
vvvjack7的博客
11-19 3488
AudioPlayer.js实现限制仅播放一条语音、多条语音顺序播放、自动播放(有限制)、调整语音条长度 使用场景:语音直播，实现点击播放某一条语音，暂停其他播放中的语音。播完一条语音，自动播放下一条。当接收到新语音，且没有播放中的音频，自动播放这条语音 这里只贴出代码片段，源码和更改后的源码可在这下载 仅播放一条语音 思路：当点击音频播放按钮时，控制其他音频暂停 1.将所有语音循环调用插件 （如果用audio标签调用插件会有问题,加载下一页数据时会导致重复调用$( 'audio' ).audio
ckplayer循环播放不能设置的问题
weixin_42524279的博客
12-04 4615
最新的X版本，loop设置为false还是一直自动播放，最后查找js文件里面 把箭头指向哪一行注释就好了，不会自动循环播放了
vue-player或TcPlayer在微信内自动播放video和audio
weixin_33806509的博客
04-27 2871
不管是IOS和Android，当video和audio初始src为空，根据点击不同的媒体源（非播放器控件），比如多个章节的视频列表，动态给src赋值并执行play()方法时，大多数的机器并不会执行自动播放的动作，特别是在微信浏览器内。这是因为浏览器内核鉴于节省用户在不知情的情况下一进入页面时造成不必要的流量损失。 IOS自动播放 使用微信...
js控制MediaPlayer播放器
ygyangguang的专栏
04-19 1910
其实用js来做一个音乐播放器很容易，因为mediaplayer提供了一系列的接口来对网页嵌入的播放器进行控制。下面简单的介绍一下: 在网页内插入播放器的代码为: 下面是一些常用的方法和属性: //基本属性URL:String; 指定媒体位置，本机或网络地址uiMode:String; 播放器界面模式，可为Full, Mini, None, InvisibleplayState:integer; 播
CODE:3 MEDIA_ERR_DECODE Playback cannot continue. No available working or supported playlists
最新发布
zjh_hhh的博客
11-28 978
我说一下我这是怎么出现这个报错的吧，我这里直接请求第三方接口返回我hls流的视频链接就是.m3u8结尾的视频链接（监控），我首先是用videoJS来播放的，可以播放就是加载的有点慢，但是随后就出了问题，就是有个监控就会报错就是标题那个错，而且只有那个监控会报那个错，其他的都能播放都是正常的，我就特别的纳闷，还以为是后台那边的问题，一直卡了很久。解决方案：videoJS换成hlsJS，换了之后就都能放了，具体hlsJS用法自己去搜吧，都有的。
Vue中实现视频播放——vue-video-player、dplayer
热门推荐
m0_46318298的博客
08-11 2万+
2、一些常见的函数和参数使用，完整代码如下。一、vue-video-player。
Vue-vedio实现自定义自动播放
eqizhihui的博客
08-24 780
一般情况下，vedio标签自动播放只需要添加autoplay属性即可，添加autoplay属性的vedio，视频在就绪后就马上播放。最终想法：动态控制control，点击按钮后直接使用play()方法让vedio播放。需求描述：添加一个播放按钮，在点击按钮后按钮消失，视频自动播放。测试结果：点击后按钮消息，但视频没有自动播放。初步想法：动态控制autoplay属性。
vue3 视频框架，自动播放，背景调整，关灯模式等
weixin_43845865的博客
12-09 1211
【代码】vue3 视频框架，自动播放，背景调整，关灯模式等。vue3-video-play
videojs-player 自动播放
08-27
要在videojs-player中实现自动播放，你可以按照以下步骤进行操作： 1. 首先，将视频的`muted`属性设置为`true`，以确保自动播放不会被浏览器的自动播放策略限制。 2. 在调用视频播放事件时，添加以下代码片段：`this.$refs.videoPlayer.player.load()`和`this.$refs.videoPlayer.player.play()`。这将加载视频并开始自动播放。 3. 如果你想要视频在一开始就全屏播放，可以在videojs的初始化参数中设置`fullscreen`为`true`。这将使视频一开始就以全屏模式播放。 以上是使用videojs实现自动播放的方法。videojs是一个开源的HTML5视频播放器，支持各种设备和浏览器，并提供了丰富的API和插件，用于实现自定义的视频播放功能。下面是一个使用videojs创建带有自动播放功能的视频播放器的示例代码： ```javascript var player = videojs('my-video', { autoplay: true, // 自动播放 controls: true, // 显示控制条 sources: [{ src: 'my-video.mp4', // 视频源URL type: 'video/mp4' // 视频类型 }] }); ``` 通过上述步骤，你可以在videojs-player中实现自动播放功能。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [vue 视频播放插件vue-video-player自定义样式、自动播放设置、设置一开始全屏播放视频、监听全屏事件](https://blog.csdn.net/DarlingYL/article/details/130441908)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [videojs-player视频播放技术学习](https://blog.csdn.net/Sunnyztg/article/details/131297390)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值