微信X5同层播放器退出,控制父级display:none 退出我会出现1秒的黑屏,请问办法解决吗?

用微信X5同层播放器播放视频后退出显示其他div,控制video父级display:none 隐藏退出播放器,会出现1秒的黑屏,看起来像是视频宽高都不见了,请问有办法吗?

图片说明

0

1个回答

把video用一个div包裹下,控制该div的显示和隐藏试试

0
m0_37852904
阡路陌人 回复雨落青苔: 不知道这篇文章是否对你有帮助,https://blog.csdn.net/m0_37852904/article/details/62090935
5 个月之前 回复
m0_37852904
阡路陌人 回复雨落青苔: 那能不能把video的src清空操作试试?如果不行可以换下iframe
5 个月之前 回复
weixin_43886114
雨落青苔 我现在就是这样,控制div的隐藏跟显示,隐藏会出现一秒的黑屏才退出
5 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
如何退出微信X5同层播放器?
H5同层播放器接入规范:https://x5.tencent.com/tbs/guide/video.html Android端的微信有一个神奇H5(X5)同层播放器。为啥神奇?这里不能骂脏话咱们还是换一个话题吧。 开启X5同层播放器的方法 在video标签上加上x5-video-player-type="h5" x5-video-player-fullscreen="true" 就开启...
微信视频播放器隐藏播放控件,视频全屏做法分享
转自:https://www.haorooms.com/post/weixin_hidevideo_control 本人实测有效。为了防止以后还要用到,到时候找不到,所以转载一下。 前言 平时项目中视频播放用的不多,以至于前段时间h5婚礼邀请函视频部分,微信中一直去除不了微信播放器控件,导致视频播放结束甚至还有广告产生。以为要设置域名白名单,腾讯相关域名才能解决这个问题。为此,之前还写了一篇...
H5同层播放器接入的规范
H5同层播放器的接入规范
aliplaye,rH5同层播放器,解决Android端wap视频点击全屏问题
做直播项目时候在h5播放器方面遇到一些问题。 先说需求。主要是在微信浏览器打开,上面是视频播放窗口,下面是对话互动窗口,界面类似下图 预想的是,上边视频可以小窗播放,下面可以发送消息。在ios系统是可以实现,但坑爹的是,在安卓上没办法实现。点击视频播放后,直接一个全屏video层覆盖在页面最上方,如下图 因为主要是使用场景是在微信浏览器,所以看看小马哥...
微信 H5同层播放器设置
1,启用H5同层播放器: x5-video-player-type =“h5” 如果不对video进行其他设置,在播放视频时会出现以下效果:视频的上下都会有黑块 但是我们想要的效果是这样的: 解决方法: 先看这个腾讯H5同层播放器接入规范文档。 注意看x5-video-player-type这个属性以及x5videoenterfullscreen、x5videoexitfulls
微信H5同层播放器以及视频自动播放
iOS之前已经解决了视频播放默认全屏,且浮在页面最顶端的问题 playsinline webkit-playsinline 这样就可以在视频之上进行一些操作,实现诸如弹幕、自定义播放控件等的效果。 但是安卓端却一直迟迟没有一种比较完美的解决方案,直到腾讯规范了H5同层播放器。 在安卓端启用H5同层播放器也是十分的简单: x5-video-player-type="h5" 同时也可根据项目需要选择
腾讯X5内核播放器遇到的问题
最近在写一个和视频有关的项目,用到了腾讯x5内核的webview。利用webview调用本地js文件来播放视频。事情本身很顺利,但是在过程中遇到了一些小插曲,在此记录一下。 1.去除播放器中的广告 正常使用的情况下,我们进入播放界面会出现如下情况 屏幕下方总是会出现一个烦人的广告。去除方法很简单,在webview所在的Activity的on...
解决微信浏览器video全屏的问题
在微信浏览器里面使用video标签,会自动变成全屏,改成下面就好了,起码可以在video标签之前加其他元素。  video id="videoID" webkit-playsinline="true" x-webkit-airplay="true"  playsinline="true" x5-video-player-type="h5" x5-video-player-fullscr
video标签沉浸式播放解决方案
“沉浸播放式”这个概念是我从Android开发里面的沉浸式引申过来的一个概念,沉浸式其实就是隐藏页面顶部的status bar和底部的navigation bar之后呈现出来的页面,一般用户很容易把沉浸式状态栏和透明化状态栏混为一谈,他们的区别如下: 沉浸式状态栏 透明化状态栏 那么回到前端开发,让我们看一下如何让video标签呈现这种沉浸式的播放效果,平常我们使用video标签都...
H5同层播放
微信H5同层播放技术文档,有需要的可以下载.开发微信播放器必备
video标签在安卓下微信x5浏览器的一些问题
强制全屏播放视频。(非腾讯视频) Click事件不能触发,play()方法。只能通过video标签自己的播放按钮进行播放。 因为播放只能通过video标签自己的播放按钮,所以readyState和canplaythrough视频就绪状态也没用。 不能自动播放。Autoplay失效。 不能同时播放视频。 Video标签设置display:none后,再设置display:block。Con...
基于DirectShow的多媒体播放器,实现双击全屏,再双击就退出全屏,避免了当退出全屏时视频黑屏但有声音的问题
http://blog.csdn.net/s3c44b0x/article/details/8068646
h5微信浏览器里退出视频全屏模式
手里有个项目,微信端,有需要视频播放。 退出全屏视频: var myVideo = document.getElementById('video'); myVideo.addEventListener('ended', function () { this.webkitExitFullScreen(); }); 亲测有效,完美解决。...
使用Aliplayer在微信中播放视频的正确姿势
想不想知道是什么 微信播放最大坑 h5页面分享到微信上播放视频,最大的坑就是在Android手机上,X5浏览器会劫持Video标签用播放器弹出全屏播放,处于最上层,覆盖DOM元素,而且播放完毕时,会出现广告视频,比如: 同层播放 X5浏览器为了解决覆盖DOM元素的问题,提出了一个同层播放的概念,通俗一点讲就是视频播放还是要弹出全屏的,但是视频可以不覆
处理微信视频播放控制条、全屏问题(调用html5原生video)
2018-11-21 长沙  雨,冷死。这篇转载: 在ios和安卓手机里的微信下播放视频时,会遇到不少问题,例如需要手动点击,视频才会播放,并且视频会跳出微信框,出现控制条,如果视频不是腾讯视频,播放完毕会出现腾讯视频的广告推送,今天我们就来看一下如何规避这些问题。 解决办法: 给video标签加一些属性,调用h5原生video。 下面是我写的一个小例子的html核心部分: <...
腾讯技术指南:H5同层播放器接入规范
(提示:该指南只适用腾讯系产品) H5同层播放器接入规范 x5-video-player-type 启用H5同层播放器 通过video属性“x5-video-player-type”声明启用同层H5播放器 x5-video-player-type支持的值类型:h5 示例: <video src="http://xxx.mp4" x5-video-player-type="h5"/...
移动端 使用X5 内核 html自动播放视频
1.首先集成配置X5内核1. 集成SDK下载链接: https://x5.tencent.com/tbs/sdk.html如果是Android Studio用户将 相应的jar包放在 jniLibs 文件夹下,如果是Eclipse用户,放在libs文件夹下即可。x5暂时不提供64位so文件,为了保证64位手机能正常加载x5内核,如果使用是Eclipse则需要将所有的.so文件都放置在so加载目录:
关于H5video标签在微信X5内核不兼容问题
参考:https://blog.csdn.net/qq_16494241/article/details/62046891 <video id="videoID" src="video.mp4" poster="loadbg.jpg" preload="auto" x-webkit-airplay="true" x5-video-player-type="h5" x5-vid
解决微信h5页面视频播放的部分大坑
<meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"> my video html,body { padding: 0;
X5内核浏览器video自动全屏解决办法
很多在做直播的朋友经常会问:微信、QQ浏览器使用video标签播放时如何不自动全屏?我需要在video容器中播放!
h5-video2 完美解决微信video视频隐藏控件和内联播放问题
众所周知,微信浏览器下的html5视频播放兼容性一直是很头疼的问题,其中两个最主要的问题是隐藏播放控件和内联播放,在ios系统下这两个功能还比较好实现,重点是在android端,今天就给大家提供一个比较特殊的方法。 先看一下html代码格式: div class="videoBox"> i class="fa fa-play-circle-o">/i>
css隐藏父元素,不隐藏子元素
您可能不知道的CSS元素隐藏“失效”以其妙用 by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhangxinxu.com/wordpress/?p=2191 一、CSS元素隐藏 在CSS中,让元素隐藏(指屏幕范围内肉眼不可见)的方法很多,有的占据空间,有的不占据空间;有的可以响应点击,有的不能响应点击。
监听video进入/退出全屏
var fullscreen = function(elem) { var prefix = 'webkit'; if ( elem[prefix + 'EnterFullScreen'] ) { return prefix + 'EnterFullScreen'; } else if( elem[prefix + ...
android webView视频全屏,腾讯X5内核SDK接入自家app
还在自己写全屏?还在百度?腾讯都提供了自家X5内核浏览器的SDK了,还不用?视频完美全屏,不用自己做任何操作技术特性腾讯浏览服务是致力于优化移动端webview体验的整套解决方案。该方案由SDK、手机QQ浏览器X5内核和X5云端服务组成,解决移动端webview使用过程中出现的一切问题,优化用户的浏览体验。同时,腾讯还将持续提供后续的更新和优化,为开发者提供最新最优秀的功能和服务。其中,SDK是通...
X5 webview 真正 全屏 播放 ,小屏变全屏 一篇就够了 很简单
布局代码如下 <FrameLayout android:id="@+id/webView" android:layout_width="match_parent" android:layout_height="200dp"/> JAVA代码如下。。。 @Bind(R.id.
cordova开发:android端用video.js播放视频,解决退出全屏后应用被状态栏遮挡
cordova开发app时,遇到一个问题 android端用video.js播放视频时,进入全屏播放,在退出全屏时应用的顶部边缘被状态栏遮挡; 解决办法 安装cordova-plugin-statusbar这个插件,在进入全屏时执行StatusBar.hide()、退出全屏时执行StatusBar.show() 安装插件 cordova plugin add cordova-plug
腾讯X5,视频全屏崩溃解决方法
很简单,Demo写错了,所以大家不好做。 /** * 全屏播放配置 */ @Override public void onShowCustomView(View view, CustomViewCallback customViewCallback) { FrameLayout normalView = (FrameLayout) findView...
WebView播放HTML5视频,黑屏的问题。
先来说下现象吧。 两部测试手机    1号 Note2  N
解决微信浏览器video全屏的问题及黑边问题
这是苹果和安卓在微信上的效果图: &amp;lt;video src=&quot;./mp4/v1.mp4&quot; x5-video-player-type=&quot;h5&quot; id=&quot;player&quot; height=&quot;100%&quot; width=&quot;100%&quot; webkit-playsinline playsinline x5-playsinline x5-video-player-fullscreen=&quot;true&q
关于display样式、overflow样式、文档流、浮动、定位
一、显示与隐藏   1 通过display样式 - none隐藏     语法 - display:none;     特点 - 隐藏以后,元素原有的位置会被占用,   2 通过visibility - hidden隐藏                      - visible显示(默认值)     语法 - visibility:hidden;     特点 - 隐藏以后,元素
Raspbian中的OMXPlayer播放器的使用
播放 omxplayer -o hdmi filename 播放控制 Key Action   加速   减速 j   上一条音轨 k   下一条音轨 i   上一节 o   下一节 n   上一条字幕轨 m   下一条字幕轨 s   显示/不显示字幕 q   退出 空格或p  暂停/继续 -   减小音量 +
webview播放音视频进入页面不能自动播放与退出界面依然播放问题
webview中音视频播放后,退出界面依然在播放 解决办法: @Override protected void onResume() { super.onResume(); if (mWebView != null) { mWebView.onResume(); } } @Override protected void onPause() { super.onPause(); if...
Android 快速实现右滑退出效果
快速实现右滑退出本人使用的是GitHub上的开源库 SwipeBack 开源库地址 https://github.com/ikew0ng/SwipeBackLayout 集成右滑退出效果首先需要将库引用到我们的项目中,这里通过gradle的方式导入 compile ‘me.imid.swipebacklayout.lib:library:1.0.0’ 引入项目之后,只需一步就可以简单的使
GSYVideoPlayer、JiaoZiVideoPlayer等播放视频出现黑屏或播放不了的问题,及如何获取在线/网络视频的缩略图
这个视频播放器播放不了视频,有时播放黑屏问题是我在最近这个项目中遇到最头疼的问题,因为不知道哪个环节出了问题,网上也找不出线索,最后我发现是因为我之前做页面时在manifest里面开启了硬件加速,即加了一句android:hardwareAccelerated="true"导致的,去掉之后视频就能正常播放了 获取视频缩略图我觉得应该是后台所做的事情,后台获取之后传给前端用就行了,但有时也需要我们自...
android接入微信 sdk时屏幕会黑屏
问题描述: editbox在微信授权之后,不能响应事件 首先应该查看java层是否有多个类继续了cocos2dxAcitity. 如果有,可能会出现editbox不能响应点击事件 问题描述: 1.运行游戏,无问题 2.游戏点击网站链接,或进入后台,回来黑屏 3.eclipse控制台报错: 03-01 17:51:55.347: W/Adreno-ES20(8664)
iDisplay多屏分享
iDisplay是一个可以让你把那些移动设备(iPhone、iPad之类)的屏幕作为你的Mac或者Windows电脑的第二块屏幕的小工具。 iDisplay 官方的网址是:http://www.getidisplay.com/桌面端是免费的,iOS端是$19.9,貌似也不算贵,Android就不用说了,有破解版。https://itunes.app...
带你跳出H5 video的坑
出坑之video
swiper display:none 后 在显示 滑动问题
只需加两行   observer:true,//修改swiper自己或子元素时,自动初始化swiper   observeParents:true//修改swiper的父元素时,自动初始化swiper
(转)html5--移动端视频video的android兼容,去除播放控件、全屏等
本来想自己总结个,发现有人总结的很全,就copy过来了。后面发现有新的问题再想办法补充进来吧。 补充: ios safari自动播放可以通过关闭声音解决,如添加muted属性。 而移动端chrome浏览器必须通过用户输入才能触发播放。 后文均转自https://segmentfault.com/a/1190000006857675 android下ht...
H5中音频视频的自动播放以及同层播放问题
自动播放讲真,真的很烦这个自动播放的问题,移动端是不允许自动播放的啊亲爱的上帝,但是上帝就是想让自动播放,而且还不许点击(哼╭(╯^╰)╮)。但是我手里的项目很多都是在微信里转发和推送的,那么,重点来了,我们可以在微信的ready事件里添加上video.play() or audio.play()的事件执行首先咧,当然是要引入微信的js啦:&amp;lt;script src=&quot;https://res.w...
文章热词 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型 设计制作学习
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 乌班图退出python 乌班图中如何退出python

相似问题

1
微信X5同层播放器退出,控制父级display:none 退出我会出现1秒的黑屏,请问办法解决吗?
2
安卓微信升级7.0以后http的网页不提示地理位置授权
2
请问一下大家github的README里面一些小图片怎么打
1
pdf.js做的pdf阅读器只能看A4纸以下的pdf吗。
0
请问这个什么原因造成的 ,同时部署到两台服务器,一台正常访问 另一台出现如下错误 ,求解
0
微信下拉显示小程序的功能,wap网页可以实现类似功能吗
0
手机网页能实现顶部下拉一定像素出现一个小窗口吗?
4
canvas与webSocket在移动端做电子签名时滑动太快,pc端同步展示时出现断点或者虚线?
2
elementui 中的 el-popover如何才能控制高度?并增加滚动条?
2
请问h5中文本框怎么让加载成功后不显示图中的null
1
keyframes 背景轮播 首次加载轮播出现闪烁如何解决
0
请问有什么办法可以把一个网站上播放的实时视频转接到自己的服务器上
2
请问,js如何通过用户扫描的二维码,获得二维码的信息,然后把这些信息发送给服务器?
1
bootstrap-select 下拉搜索IE9问题,哪位大佬遇见过告诉我怎么样解决,在线等。急!!!!
1
jsp文件运行出现乱码,求大神解决,崩溃了都要
1
php的相关问题连接数据库判断条件出现按钮 按下按钮实现页面跳转
2
请问各位大佬position: relative和 absolute怎么运用?
1
微信小程序坑-scroll-view 在数据没有填满页面的时候,怎么触发bindscrolltoupper事件呢
1
c:forEach 嵌套 可以控制内层吗 我在后台能够完整输出 页面输出是乱的 没有和数据库对应上
0
推送微信图文素材时,section中的background-image没有被上传