关于Google浏览器使用Layui框架video标签播放视屏无法自动播放

最新推荐文章于 2024-03-20 16:20:23 发布
最新推荐文章于 2024-03-20 16:20:23 发布
阅读量3.3k 收藏
点赞数 2
文章标签： video视频无法自动播放 layui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42938196/article/details/92704259
版权

今天在做登录界面的时候，用video标签想在登录界面做一个视频，但是一直不能自动播放，代码也没有问题，在其他的浏览器中可以实现自动播放视频，就谷歌浏览器不行，于是我浏览了网上资料，具体解决方案如下：

1.在chrome 浏览器中输入：chrome://flags，搜索“Autoplay policy”，默认为“Default”，

在这里插入图片描述

修改为 “No user gesture is required” 就可以了；此方法仅限谷歌浏览器
在这里插入图片描述

酷酷Supergirl
关注
vue中使用video标签插入视频并自动播放
蜗牛~~
11-12 2万+
一、效果： 使用video标签的好处是，视频周围没有黑边，观看效果好看 二、html: <div v-for="(item,i) in vedioList" :key="i"> <video muted="muted" :id="startvideo+i" class="video" :src="item.path" type="video/mp4" poster="false..
layui显示视频信息
WuqianZhi_123的博客
01-16 1794
layui
Chrome浏览器扩展插件开发
最新发布
徐同保的专栏
03-20 492
Chrome浏览器扩展插件开发
谷歌(chrome)浏览器不能自动播放视频video标签
qq_39324871的博客
09-18 2974
问题：VIDEO播放视频只有声音不出现画面 原因:视频格式有问题 mp4的视频编码有三种：MPEG4(DivX),MPEG4(Xvid),AVC(H264) 使用H264格式,视频播放正常 问题：谷歌浏览器不能自动播放视频video标签 在chrome 浏览器中输入：chrome://flags，搜索“Autoplay policy”，默认为“Default”，修改为 “No user gesture is required” 问题：js 使用play(...
一段自动触发js自动播放的代码
youcijibi的博客
07-29 869
setInterval(function(){ if($('.layui-layer-btn0').html() == '确定'){ console.log($('.layui-layer-btn0').html()); $('.layui-layer-btn0').trigger('click') } if(!$('.new_demoul .on').parent().next().find('.course_study_menuschedule img').attr('src'.
video标签和audio标签的使用
娓娓道来
07-13 2389
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Title</title> <style type="text/css"> </style> </head> <body> ...
layui编辑视频后src未回显
小白菜
06-21 312
现象如下，回显不了： 原因
解决video标签在安卓webview下无法自动播放问题
09-04
在Android平台上，Web开发人员经常会遇到一个问题，那就是`<video>`标签在WebView中无法自动播放。这主要是由于Android系统的安全性和用户体验考虑，防止媒体内容在未经用户交互的情况下自动播放，可能会消耗流量或...
能够兼容IE8以下浏览器的H5 Video标签播放插件，测试可用
03-14
为了在这些老版本的浏览器中实现视频播放功能，我们可以借助一些兼容性插件，例如在给定的资源中提到的"能够兼容IE8以下浏览器的H5 Video标签播放插件"。 标题中的关键点在于这个插件能够使得`<video>`标签在不支持...
为了解决在safari浏览器video标签无法播放视频的问题
08-10
总结来说，解决Safari浏览器`<video>`标签无法播放视频的问题主要涉及理解浏览器对视频格式的支持情况，提供多格式视频源，使用JavaScript库增强兼容性，以及检查用户的浏览器设置。对于开发者来说，熟悉这些技术和...
Layui图片上、视频、音频、文件上传接口及跨域上传
06-20
Layui图片上、视频、音频、文件上传接口及跨域上传，此项目案例包含了多种上传方式，欢迎大家下载
video:SSM，layui 电影网站前台及后台
04-28
video 新手项目，SSM，layui 电影网站前台及后台 环境及框架 jdk1.8 tomcat8.5 mysql5.7 Spring5.1 Spring MVC5.1 Mybatis3.5.2 layui2.5.6 webuploader 实现功能 前台 登陆 注册 注销 关键词搜索 分类筛选 查看电影详情 在线播放 下载视频 视频选集 收藏、取消收藏电影 收藏中心 历史记录 修改登陆密码 修改个人资料，修改头像 后台 所有后台管理展示均使用带条件查询 用户管理：用户的增删查，按照名称、手机号、性别等一个或多个信息进行查找 电影管理：电影视频信息的增删改查，电视剧的分集的增删改查，视频上传,断点续传，海报上传，按照条件查找 分类信息管理：电影分类信息的增删改查，按照条件进行查找 前台预览 后台预览
基于layui封装的网页音视播放器源码
03-16
基于layui封装的网页音视播放器源码
jquery音频播放
07-05
使用jquery插件jmp3实现web页面播放音乐文件，我只测试了mp3格式的，其他格式的没试过，本Demo希望对大家有所帮助.
mp3语音播放器
03-13
js很好的兼容了 IE 7、8、9，火狐及谷歌浏览器。流畅的播放mp3格式的语音。
Layui 系列之—表格弹框查看视频
我不是程序员的博客
05-25 1409
第一步 第二步 <!-- 在表格内渲染--> <script type="text/html" id="video"> <button class="layui-btn layui-btn-sm layui-btn-primary" lay-event="video"><i class="fa fa-play" ..
layui 弹框播放视频
热门推荐
zhangjuan1108的博客
05-18 1万+
var loadstr = '<video width="100%" height="100%" controls="controls" autobuffer="autobuffer" autoplay="autoplay" loop="loop"><source src="../Image/QQ%e8%a7%86%e9%a2%91201905151...
本地音频播放
猴子和派大星
11-15 450
1.导入本地音乐到xcode文件中 2.v.m中加入音频播放框架 #import &lt;AVFoundation/AVFoundation.h&gt; //音频视频框架 3.写属性给音频播放器 @property(nonatomic,strong)AVAudioPlayer *player; 4.写3个按钮 (1):播放按钮 (2):停止按钮 (3):结束按钮 // 播放音乐按钮 U...
layui视频上传，文件上传前条件验证，视频大小，视频时长判断
zhang123csdn的博客
11-17 980
layui视频上传，文件上传前条件验证，视频大小，视频时长判断
safari浏览器使用video标签无法播放
06-08
在 Safari 浏览器中，要想让 HTML5 的 video 标签正常播放视频，需要注意以下几点： 1. 确认视频文件的路径和名称是否正确，可以尝试在浏览器中直接访问视频文件地址，看是否可以正常播放。 2. 视频文件必须是 H.264 编码的 MP4 格式，Safari 浏览器不支持其他格式的视频文件。 3. video 标签中应该指定 autoplay 和 muted 属性，这样视频才能自动播放，并且可以在 Safari 中正常播放声音。 4. 在 video 标签中，应该指定 playsinline 属性，这样视频就可以在页面中内联播放，而不是弹出全屏播放器。 5. 如果视频仍然无法播放，可以尝试使用 video 标签的 preload 属性，设置为 auto，这样视频将会被预加载，提高视频的加载速度和播放流畅度。 下面是一个示例代码： ``` <video src="video.mp4" autoplay muted playsinline preload="auto"></video> ``` 如果视频仍然无法播放，可以尝试使用第三方的视频播放器库，例如 Video.js、jPlayer 等，这些库可以提供更好的兼容性和可定制化的视频播放功能。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值