html - 没有硬刷新,视频自动播放不起作用
问题描述
我有视频背景。它使用自动播放。这里是:
<video muted loop autoPlay >
<source src="assets/videos/background.mp4" type="video/mp4">
</video>
这仅适用于页面: 1. 硬刷新(正常加载不起作用) 2. 导航到(如果我在另一个页面上然后导航到主页)
如果您只是导航到该链接,它是行不通的。链接:https ://jackseabolt.github.io/trasher/ (请不要乱搞网站)
对这里发生的事情有任何想法吗?
解决方案
你没有说在你的项目中使用 Angular。现在很简单:
<video [muted]="true" autoplay playsinline loop>
<source src="your_video" type="video/mp4">
</video>
只需将muted
属性更改为[muted]="true"
.
推荐阅读
- laravel - 为什么我的基于 Laravel 的网站会重定向到 public/public?
- validation - 训练、验证和测试集的最佳分割
- html - 如何在此 Jquery 焦点调用中对 html 对象进行分组?
- r - 如何从数据框中删除行
- javascript - Chrome PDF 查看器会出现 userGesture 所需的错误,即使在使用 submitForm 时单击鼠标后也是如此
- logstash - 通过 Logstash 将原始指标数据发布到 Cloudwatch
- python - 使用python读取二进制文件
- for-loop - K 表示对同一年份的多个数据和多个聚类变量的时间序列进行聚类
- kubernetes - 使用 AWS ALB 配置 websocket
- microsoft-graph-api - Graph Api Get Schedule 需要时间来反映来自 Outlook 365 的事件