html - 为什么视频标签没有在主页上运行?
问题描述
我的主页背景上有一个视频,在桌面上,视频运行流畅,具有自动播放和循环属性,问题是在移动设备上加载主页(“www.website.com”)时视频不运行,空间已使用,但视频未播放。
如果您将菜单上的页面更改为“www.website.com/aboutus”并返回加载“www.website.com/index.html”的主页,视频会播放。
我需要做什么才能在两个页面上加载视频,或者有没有办法直接加载带有 de index.html 的视频以始终加载和播放主页视频?
我的视频标签是这样放置的
<video autoplay muted loop class="video2">
<source src="assets/imagenes/video/video.mp4" type="video/mp4" >
</video>
解决方案
对于有同样问题的人,我也已经回答过了。根据 Google 自动播放政策
- 始终允许静音自动播放。
- 在以下情况下允许自动播放声音: 用户与域进行了交互(单击、点击等)。在桌面上,用户的媒体参与指数阈值已被超过,这意味着用户之前播放过有声视频。在移动设备上,用户已[将网站添加到他们的主屏幕]。
- 顶级框架可以将自动播放权限委托给其 iframe 以允许自动播放声音。
当用户将菜单上的页面更改为“www.website.com/aboutus”并返回主页时,浏览器将其视为用户干预的一种欺骗行为。
推荐阅读
- java - Java Stream 计数操作直到整数变为 0
- java - 如何使用java检查Oracle程序是否正确创建?
- c++ - C++ 排序双向链表:在列表中间插入问题
- python-3.x - scipy.stats - 获取对数正态的基础 mu 和 sigma
- c# - 如何避免线程应用程序中的全局变量
- jenkins - httpRequest 之后的函数行不在 groovy jenkins 管道中执行
- python - Python线程内存泄漏
- spring - 用于大约需要 1 分钟的任务的 Spring 队列 Web 服务
- javascript - 反应:无法将属性“lastEffect”设置为空
- node.js - 在 Heroku Node.js 应用上上传图片时出错