javascript - 如何在具有自动播放功能的浏览器中保持全屏模式,就像 youtube 播放列表一样?
问题描述
脚步:
- 激活自动播放
- 设置全屏模式
当转到下一个视频时,播放器退出全屏。我需要就像 youtube 一样,播放列表的下一个视频保持全屏显示。
我知道全屏浏览器 API 在由用户手势触发时才接受全屏模式。但是,由于用户已经设置了全屏模式,有没有办法在进入下一个视频时继续全屏?
我也知道退出全屏,因为当转到下一个视频时,会切换到不同的页面。
“此外,在全屏模式下导航到另一个页面 [...] 也会退出全屏模式。全屏 API
我的问题是,YouTube 如何在不退出全屏的情况下更改 window.location?
解决方案
Youtube 不会通过切换页面来加载下一个视频。它重新加载/渲染现有网站上的新内容。
这意味着不会发生导航,因此不会退出全屏。
据我所知,他们使用了一个名为SPFJS的自定义框架,它代表“结构化页面片段”。它允许在现有页面中插入新内容。
推荐阅读
- c3.js - 如何在 C3 中隐藏具有空值的条形图?
- php - 带有数据库查询的循环在每个循环中都会变慢
- c# - 如何在 C# 中的 Windows 窗体中添加(或创建)字符串集合编辑器控件?
- python - 来自 Django 数据库的引用名称,而不是 id
- java - 在 JavaFX Gradle 项目中加载图像资源失败
- reactjs - React native - TypeError:未定义不是评估_useContext的对象
- html - 离子,HTML 数组
- terraform - 如果 Terraform 的条件
- domain-driven-design - DDD + CQRS + ES:实体或 dto 可以成为命令的一部分吗?
- javascript - 将事件侦听器添加到表格单元格内的类