个人中心
文章发布
退出
作者热门文章
- android - RelativeLayout 背景可绘制重叠内容
- android - 如何链接 cpufeatures lib 以获取 native android 库？
- java - OnItemClickListener 不起作用，但 OnLongItemClickListener 在自定义 ListView 中起作用
- java - Android 文件转字符串
28
4
好吧，我认为这是一个主要的 Youtube 错误，但我没有找到任何关于它的报告。
我有一个 Web 应用程序，它使用 JavaScript Fullscreen API 在全屏浏览器中显示。
在网络应用程序中有一个嵌入式 Youtube 播放器。当您全屏打开 Youtube 播放器，然后再次单击 Youtube 的全屏按钮退出播放器全屏时，它没有响应!
我确定这与浏览器已经处于全屏模式因此存在某种冲突这一事实有关。
我已经创建了一个可以在这里查看的简化示例: http://run.plnkr.co/CjrrBGBvrSspfa92/
编辑:上面 html 文件的代码在这里:
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<iframe width="560" height="315" src="https://www.youtube.com/embed/b-6B2zyoFsI" frameborder="0" allowfullscreen></iframe>
<button id="btn">GO FULLSCREEN</button>
<script type="text/javascript">
document.getElementById("btn").addEventListener("click", function() {
var elem = document.documentElement;
if (elem.requestFullscreen) {
elem.requestFullscreen();
} else if (elem.msRequestFullscreen) {
elem.msRequestFullscreen();
} else if (elem.mozRequestFullScreen) {
elem.mozRequestFullScreen();
} else if (elem.webkitRequestFullscreen) {
elem.webkitRequestFullscreen();
}
});
</script>
</body>
</html>
最佳答案
问题是我做了一些搜索，发现 Youtube 在使用 JavaScript Fullscreen API 时不知道视频是否全屏，Google 也不提供对 fo in 或退出全屏。因此，当您单击按钮并进入全屏时，您会看到播放器的全屏按钮未被按下。所以，为了回到窗口 View ，用户有两个选择:1) 点击按钮 2 次(第一次，播放器尝试进入全屏模式，按钮改变状态，第二次，播放器进入窗口模式)——这就是解决方案2) 单击键盘上的 Esc。
我检查了 HTML5 播放器。
此外，我尝试在 YouTube 的 iframe 中插入一个按钮，以便我可以选择它以退出全屏，但它没有用……实际上这很愚蠢。
这应该有效:
<div id="videoplayer"></div>
<p><button id="btn">GO FULLSCREEN</button></p>
<script type="text/javascript">
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/player_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var player;
function onYouTubePlayerAPIReady() {
player = new YT.Player('videoplayer', {
height: '380',
width: '500',
videoId: 'h7ArUgxtlJs',
fs: 1
});
}
document.getElementById("btn").addEventListener("click", function() {
var elem = document.getElementById('videoplayer');
var requestFullScreen = elem.requestFullscreen || elem.msRequestFullscreen || elem.mozRequestFullScreen || elem.webkitRequestFullscreen;
if (requestFullScreen) {
requestFullScreen.bind(elem)();
}
});
</script>
我相信您可以使用经典嵌入。
关于javascript - 嵌入式 Youtube 播放器不会从全屏退出，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30963676/
28
4
0
这个问题困扰了我几天。 这是我的相关 Storyboard布局: 我已经将阳光下的每个布局都设置为所有三个 View Controller ，并且仍然得到一个在横幅 View 上方有一个“间隙”的结果
我正在我的 C++ 程序中嵌入一个网页。我遇到的问题是，在嵌入式页面的 javascript 中，我可以捕获 onkeypress，但不会触发 onkeydown 和 onkeyup。 如果我在非嵌入
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。 想改进这个问题？将问题更新为 on-topic对于堆栈溢出。 5年前关闭。 Improve this qu
我有一个 java web 应用程序。我想创建一个嵌入式 LDAP 服务器，当 web 应用程序运行时，我将向 LDAP 插入一些记录，并且有另一个 web 应用程序将访问此 LDAP 以获取信息。可
我正在尝试通过 tomcat maven 插件将 war 部署到嵌入式 tomcat 服务器。控制台显示服务器启动正常。 看来 war 还没有展开。当我访问 http://localhost:9090
假设我有如下函数: bigrams=[(k,v) for (k,v) in dict_bigrams.items() if k[:pos_qu]==selection[:pos_qu
我读过一些关于 python 嵌入式 C++ 的教程。我曾引用过 python 对象。 https://docs.python.org/3/c-api/function.html Python 脚本:
我正在使用嵌入式应用程序，在调试期间，调试器无法解析宏符号(我的理论:因为宏在预处理中丢失了)。我最终不得不先在源代码中找到宏，然后使用定义来监视变量。 我的问题是:有没有办法将宏定义合并到 elf
首先我要说的是我开发的是基于cortex m4的嵌入式设备应用。 我有引导加载程序和主应用程序通用的功能。现在我为引导加载程序和应用程序编译源文件 2 次。但是我的双库 dfu 空间不足，我想在 RO
作为嵌入式 C 编程的初学者，我很好奇每个(根据我的经验)程序执行是如何从 main() 函数开始的？这就像链接器识别 main() 并将那个“特殊” 函数的地址放入重置 vector 指向的地址。
在我的实时嵌入式处理器固件中，我需要十进制数字的格式化打印。标准 printf/sprintf 在工具链中不可用，所以我需要自己实现它。 我使用了除以十并取余的天真方法。但是我的目标处理器本身不支持除
我有编程经验，但在软件开发方面了解不多。我目前正在为我工作的公司编写一个软件，我开始挑战自己代码的可读性。 我想知道这是否是嵌入式 if 语句的“有效”替代方案，或者我是否可以使用更好的方法。 假
我有一个运行嵌入式 Linux 的嵌入式目标，我想计算以下时间: 1) 高速缓存读/写时序2) uncache 内存读/写时序 Linux 中是否有任何标准测试来计算上述时间？ 我已经编写了自己的测试
大多数嵌入式设备都是为了在通常资源受限或低规格的设备上执行特定任务而构建的。 因此，大多数嵌入式开发人员需要去除不必要的库和模块，并为其特定设备和用例创建自定义分发。我们先来了解一下嵌入式 Linu
我正在嵌入式处理器上编写一个简单的裸机应用程序。作为此应用程序的一部分，它必须使用 malloc 在大约 256kB 的堆上分配一些内存。注意:最初这是在 main 中静态分配的，但在一定的大小限制下
我正在尝试为我 friend 的婚礼建立一个网站。我使用的是 Bootstrap 5，嵌入的视频没有填满屏幕大小。这是一个 live test page HTML: 您还需要代码吗？我想让视频的全宽
我有一个项目，我尝试为微 Controller 构建固件并尝试更好地控制所使用的优化标志。我想，而不是使用 -O flag 分别指定不同的优化标志。不幸的是，-O 似乎发生了一些优化魔法。我无法使用单
我正在使用双核设备，并且要求核心 A 创建一个数据结构，其中包含在核心 B 上运行的函数列表的参数，定期更新它并通知核心 B。参数和类型的数量可以改变在运行期间。 我的计划如下.. 创建一个 Para
我们有一个 Microsoft.Phone.Controls.WebBrowser内嵌控件 StackPanel , 在 PivotItem 内在 Windows Phone 8 上。以简化的形式，它
关闭。这个问题需要多问focused 。目前不接受答案。 想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post . 已关闭 2 年前。 Improve this ques
我是一名优秀的程序员,十分优秀！