请完成以下验证码
查看: 4475|回复: 4
全屏播放html5视频时，怎样禁用确认允许全屏的提示（全部允许）？
本帖最后由 70599 于
14:41 编辑
就是下面图里的确认画面
自己解决了。
在stylish里把#full-screen-warning-message就行了。
看了5楼的热心回复，发现不是隐藏元素这么简单的问题呀。
还是逐个允许吧。
还有好办法的朋友欢迎来分享一下。
http://123.129.231.53/youku/6C8F/C6F646FD46A ...
用了你那个样式没用 依然提示是否需要允许
[mw_shl_code=css,true]#full-screen-warning-message {display: none}[/mw_shl_code]
这方法确实能隐藏掉提示，但是，用了之后就不能使用右键菜单和进度条了，因为你还没允许，只能靠ESC跳出。
about:permissions 中有相关选项，但没有总是允许的选项。估计是为了安全，因为如果总是允许，网页可以反复调用，不让你离开全屏。PermissionDefaults 存在数据库中，不在prefs。修改DOM解除隐藏的选项并设置后，似乎无效，可能更底层有检查屏蔽了。大概没什么好方法，逐个网站保存吧。也许有扩展能做到，自动允许/批量设置。
Copyright & KaFan & All Rights Reserved.
Powered by Discuz! X3.4( 苏ICP备号 ) GMT+8,相关文章推荐
标签的属性
src ：视频的属性poster：视频封面，没有播放时显示的图片preload：预加载autoplay：自动播放loop：循环播放controls：浏览器自带的控制条width：视频宽...
翻译人员: 铁锚
原文日期: 日
翻译日期: 日
原文链接: Fullscreen API
在越来越真实的web应用程序中,JavaScript也变...
在这里提供两种方法
1.直接用css来实现代码如下：
padding: 0
html5 video 手机端全屏显示，阻止浏览器默认的全屏播放，html5的video全屏作为背景的方法，html5阻止video的默认全屏播放...
现在主流浏览器基本上实现了全屏效果，但是不同浏览器实现不一样：
【进入和退出全屏】
// Webkit (works in Safari5.1 and Chrome 15)
在微信浏览器里面使用video标签，会自动变成全屏，改成下面就好了，起码可以在video标签之前加其他元素。
video id="videoID"
webkit-playsinline="true"...
版权声明：本文为博主原创文章，未经博主允许不得转载。
为了解决 HTML5Video视频标签自动播放与全屏问题，在网上找了很多相关资料，网上也很多关于此问题解决方...
做视频开发的时候，肯定会遇到，小窗口播放，然后支持全屏播放。
我遇到的问题，有两个。
一：小窗口视频有黑边。就是还是没充满。
二：全屏画面也是铺不满，而且跟小窗口的画面大小是一样的。
我横屏时候...
视频播放器的制作，视频流在静态控件上显示，类似迅雷看看双击全屏操作的实现
方法一 在debug和 release下都行
先在工程中先创建一个新类MyStatic 其基类是CDialog
他的最新文章
他的热门文章
您举报文章：
举报原因：
原文地址：
原因补充：
(最多只允许输入30个字)问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
iphone播放html5 video视频的时候，如何禁止全屏播放？或者全屏播放完成时候让他回到初始状态？
求解答一下
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
可以在 video 标签上加一个 “webkit-playsinline” 属性 ，如下：&video id="video" width="280" height="140" webkit-playsinline &&/video&详情参见官方文档：
同步到新浪微博
分享到微博？
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：
在 SegmentFault，解决技术问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
一线的工程师、著名开源项目的作者们，都在这里：
获取验证码
已有账号？温馨提示！由于新浪微博认证机制调整，您的新浪微博帐号绑定已过期，请重新绑定！&&|&&
刘国利：白色,是我的世界的颜色,独特而隐逸。我的“自由”不单纯是不让别人决定我的人生,还是认识我的个性,维护我的个性,决定我生活目标的代名词,也从不以“地位”、“权力”为目标,只为了自己心底的梦、珍重的事、守护的情而奋斗。
LOFTER精选
网易考拉推荐
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
本文转载自梦幻雪冰
【HTML5学堂 - 移动端接口调用及高级知识】HTML5视音频-解决全屏下出现的控制栏。HTML5可以简简单单的实现视频、音频的播放功能，功能虽好用，但是它的默认样式有点淡淡的忧伤，问题虽存在，解决的办法总是有的，今天我就给大家来分享一下解决视频全屏下出现的控制栏。发现问题video标签去除controls属性全屏下仍然出现控制栏&video class="video-wrap" preload="auto" poster="../images/html5.png"&
&source type="video/webm" src="../video/baobao.webm"&&/source&
&source type="video/ogg" src="../video/baobao.ogg"&&/source&
&source type="video/mp4" src="../video/baobao.mp4"&&/source&&/video& 谷歌下&火狐下&分析问题视频的控制栏不是标签？那是什么？不是吧，控制栏是Shadow DOM。Shadow DOM是指浏览器的一种能力，它允许在文档（document）渲染时插入一棵DOM元素子树，但是这棵子树不在主DOM树中欢迎沟通交流~HTML5学堂Shadow DOM的示例&!DOCTYPE html&&html&&head&
&meta charset="UTF-8" /&
&title&HTML5Course - 梦幻雪冰&/title&
&link rel="stylesheet" type="text/css" href="reset.css" /&&/head&&body&
&p&HTML5学堂、刘国利、陈能堡&/p&
&div id="shadow"&&/div&
var shadowEle = document.getElementById("shadow");
var root = shadowEle.createShadowRoot();
root.textContent = "我在你的心里面~";
&/script&&/body&&/html&效果影子宿主里面的内容没有被渲染，反而影子根里面的内容被渲染了出来。解决问题用伪选择器来解决播放器全屏下的控制栏（Shadow DOM）.wrap video::-webkit-media-controls-enclosure {
/*禁用播放器控制栏的样式*/
display: none !}效果自定义的控制栏z-index的值视频的控制栏z-index的值为，自定义（自己实现的）的z-index必须大于的值。自定义的视频控制栏效果总结1、禁用视频的控制栏2、采用定位布局实现自定义视频控制栏，需要注意z-index的值。demo下载——欢迎大家学习交流——梦幻雪冰
阅读(3215)|
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
历史上的今天
在LOFTER的更多文章
loftPermalink:'',
id:'fks_',
blogTitle:'【转载】HTML5视音频-解决全屏下出现的控制栏',
blogAbstract:'HTML5视音频-解决全屏下出现的控制栏【HTML5学堂 - 移动端接口调用及高级知识】HTML5视音频-解决全屏下出现的控制栏。HTML5可以简简单单的实现视频、音频的播放功能，功能虽好用，但是它的默认样式有点淡淡的忧伤，问题虽存在，解决的办法总是有的，今天我就给大家来分享一下解决视频全屏下出现的控制栏。发现问题video标签去除controls属性全屏下仍然出现控制栏&video class=\"video-wrap\" preload=\"auto\" poster=\"../images/html5.png\"&',
blogTag:'',
blogUrl:'blog/static/',
isPublished:1,
istop:false,
modifyTime:0,
publishTime:7,
permalink:'blog/static/',
commentCount:1,
mainCommentCount:1,
recommendCount:1,
bsrk:-100,
publisherId:0,
recomBlogHome:false,
currentRecomBlog:false,
attachmentsFileIds:[],
groupInfo:{},
friendstatus:'none',
followstatus:'unFollow',
pubSucc:'',
visitorProvince:'',
visitorCity:'',
visitorNewUser:false,
postAddInfo:{},
mset:'000',
remindgoodnightblog:false,
isBlackVisitor:false,
isShowYodaoAd:false,
hostIntro:'刘国利：白色,是我的世界的颜色,独特而隐逸。我的“自由”不单纯是不让别人决定我的人生,还是认识我的个性,维护我的个性,决定我生活目标的代名词,也从不以“地位”、“权力”为目标,只为了自己心底的梦、珍重的事、守护的情而奋斗。',
hmcon:'1',
selfRecomBlogCount:'0',
lofter_single:''
{list a as x}
{if x.moveFrom=='wap'}
{elseif x.moveFrom=='iphone'}
{elseif x.moveFrom=='android'}
{elseif x.moveFrom=='mobile'}
${a.selfIntro|escape}{if great260}${suplement}{/if}
{list a as x}
推荐过这篇日志的人：
{list a as x}
{if !!b&&b.length>0}
他们还推荐了：
{list b as y}
转载记录：
{list d as x}
{list a as x}
{list a as x}
{list a as x}
{list a as x}
{if x_index>4}{break}{/if}
${fn2(x.publishTime,'yyyy-MM-dd HH:mm:ss')}
{list a as x}
{if !!(blogDetail.preBlogPermalink)}
{if !!(blogDetail.nextBlogPermalink)}
{list a as x}
{if defined('newslist')&&newslist.length>0}
{list newslist as x}
{if x_index>7}{break}{/if}
{list a as x}
{var first_option =}
{list x.voteDetailList as voteToOption}
{if voteToOption==1}
{if first_option==false},{/if}&&“${b[voteToOption_index]}”&&
{if (x.role!="-1") },“我是${c[x.role]}”&&{/if}
&&&&&&&&${fn1(x.voteTime)}
{if x.userName==''}{/if}
网易公司版权所有&&
{list x.l as y}
{if defined('wl')}
{list wl as x}{/list}