x5内核，video标签点击播放不自动全屏

最新推荐文章于 2023-08-03 16:21:20 发布
最新推荐文章于 2023-08-03 16:21:20 发布
阅读量1.6k 收藏
点赞数
分类专栏： 方法 文章标签： H5 video JavaScript html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u014689760/article/details/89716002
版权
在点击video播放时，不让它全屏显示播放？
	<video id="video" src="" 
	controls autoplay muted x5-playsinline="" playsinline="" webkit-playsinline="" x-webkit-airplay="allow" preload="auto"
	x5-video-player-fullscreen="true" /*设置为 true 是防止横屏*/ 
	 ></video>
flym_
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
X5内核与原生内核对比
06-29
X5内核与原生内核对比
腾讯X5内核浏览器类库_浏览器_x5内核_e4a类库_x5内核_E4A_
09-29
腾讯X5浏览器类库，视频类软件，浏览器等都可以用
x5内核 内置版本
02-19
x5 内核内置版本，也不知道为什么，官网不再提供x5内核内置版本的下载， 当前资源适合，内网的环境+定制手机。
x5内核静态打包方案43500-43656.zip
08-07
方法1：从微信中提取 微信中打开http://debugtbs.qq.com，进入界面后点击拷贝内核按钮，会弹出保存的路径（参考顶上【图3】），打开这个路径后提取里面的core_private/x5.debug.tbs这个文件，其实这个是一个apk/zip文件，30多M，解压后得到一堆so和jar等文件，先复制出来再说，文件名加一个zip后缀。 X5官网中 关于TBS -> 平台适配 中已经写明了只支持armeabi、armeabi-v7a、arm64-v8a 这3种架构，因此对于x86等架构是不支持的（AS模拟器），抛开模拟器，大部分似乎只需提供armeabi架构就ok了。 微信中提取出来的这个内核的架构可能是arm64-v8a，如果你要armeabi架构，请用下面方法2来获取内核。 方法2：App内内访问tbs调试页安装新内核 集成了上面的老版本SDK后，你的App就可以通过访问http://debugtbs.qq.com页面来手动下载最新 X5内核（如果下载不了，尝试改回新版本SDK下载，然后再改回来）。点击安装线上内核（参考顶上【图1】），它会自动识别App的架构，下载到armeabi或者arm64-v8a架构的TBS内核包，下载完后重启App就可以进行内核提取操作了。 这就有两种途径获取到内核包了，一个是在安装时监控App的网络请求，得到下载地址；另外一个就是和微信里面一样，点击拷贝内核按钮，参考上面微信的流程。
Android webview当腾讯x5内核首次下载未完成时视频全屏/横竖屏播放卡死的问题
kururunga的博客
03-19 1215
最近浏览器一直报出这样几个问题： 1.信息中心中访问百度地图网页版，无法定位到当前位置 2.浏览器全屏播放卡死，多次点击闪退 我用的webview是腾讯的x5 webview，一直以为很稳定，其实这个内核是需要下载的，可以设置在wifi或者手机流量上下载，然而在测试环境下，下载速度感人，可能下载失败，就需要重新下载。而测试刚刷机联网进去全局搜索，然后二级页面跳浏览器，此时内核大概率是没有下载成功替换的，而且，就算你是直接导入静态内核（操作有些麻烦，需要从微信下载内核，然后导出到电脑，然后把so库和\ass
video在微信和QQ浏览器中不全屏播放解决
weixin_33940102的博客
03-30 1070
最近公司做一个视频活动的HTML5页面，页面并不复杂，但是要求视频播放的时候不全屏。在网上看到好论坛类似的基本问题，以前有申请白名单的，在白名单的视频链接或者腾讯旗下的视频链接是原生播放，否则安卓会被劫持成腾讯家的播放器播放并且默认全屏，目前通过白名单的方法是解决不了的。还好终于找到了解决办法，下面好好整理一下。 在video标签中加属性...
腾讯x5无法全屏播放视频
丿灬安之若死
02-20 1076
之前是用的Context 现在改为Activity之后就可以点击全屏了 更多高级用法可以参考官方文档：https://x5.tencent.com/tbs/technical.html#/detail/sdk/1/a1f54118-e2b7-43df-8189-8824e4ce5970 参考博客：https://www.jianshu.com/p/ac803bba5db2 ...
解决微信浏览器video全屏的问题
热门推荐
青峰专栏
12-13 3万+
在微信浏览器里面使用video标签，会自动变成全屏，改成下面就好了，起码可以在video标签之前加其他元素。  video id="videoID" webkit-playsinline="true" x-webkit-airplay="true"  playsinline="true" x5-video-player-type="h5" x5-video-player-fullscr
记一个video处理全屏的问题
搬砖小白灿哥哥
08-08 614
在微信浏览器里面使用video标签，会自动变成全屏，改成下面就好了，起码可以在video标签之上加入其他元素。  video id="videoID"webkit-playsinline="true" x-webkit-airplay="true"  playsinline="true"x5-video-player-type="h5"x5-video-player-fullscreen="
移动端关于video标签视频全屏播放的兼容适配问题
linxner的博客
02-15 8976
之前做一个项目，需要在两个大屏之间加一屏的视频，效果类似三屏竖方向的翻页，只是中间是一个视频，本以为如此简单三两下搞定。没想到。。。 原因在于，IOS与Android对video标签的支持不同，在IOS运行的好好的，放到Android中就各种问题。 一般video标签长这样： <video id="start_video" class="start_v...
腾讯 X5 浏览器内核 静态 集成demo
11-02
腾讯 X5 浏览器内核 静态 集成demo。 1.demo1：以复制到SD卡中进行安装集成，可动态集成 2.demo2：以so包的方式集成
微信、video、前端，全屏问题、IOS和安卓适配问题
小花猫哒小栗子
04-09 773
<div id="mov"> <video id="video" airplay x-webkit-airplay="true" //微信x5内核设置 x5-playsinline="true" //微信x5内核设置 x5-video-player-t...
X5内核浏览器video自动全屏解决办法
webs100的博客
01-04 1万+
很多在做直播的朋友经常会问：微信、QQ浏览器使用video标签播放时如何不自动全屏？我需要在video容器中播放！
H5微信播放全屏问题
weixin_30482181的博客
03-08 458
在ios和安卓手机里的微信下播放视频时，会遇到不少问题，例如需要手动点击，视频才会播放，并且视频会跳出微信框，出现控制条，如果视频不是腾讯视频，播放完毕会出现腾讯视频的广告推送等问题 解决办法：给video标签加一些属性，调用h5原生video。 <video id="videoALL" src="video/01.mp4" poster="images/1.j...
h5 video播放器遇到的坑
qq_41435723的博客
08-11 4727
h5 video播放器遇到的坑 1.在安卓webview中默认全屏播放解决方法 此属性需要在播放前设置好，播放之后设置可能会无效 如果使用video播放音频文件的话，安卓会出现黑屏并且无法播放的状况，所以要进行判断，播放音频的时候不需要加此属性 video.attr('x5-video-player-type', 'h5') // 启用同层H5播放器 2.在ios webview中...
关于VIDEO.JS播放器控制栏播放按钮点击问题
lrbtony的博客
03-16 1977
关于如何调用video.js组件作为播放器实现视频播放功能，网上有很多相关帖子，这里就不详细展开了。但在众多帖子里面，都没有提到网页版video的控制栏播放按钮点击问题，特此留贴记录一番。关键点在于@play="videoPlay"和@pause="videoPause"这两个参数就是设置对应控制台播放暂停按钮点击方法。虽然通过别的代码已经实现了点击整个屏幕范围播放停止功能，但是对于这个控制栏按钮点击无效的小瑕疵，还是必须解决的。经过网上一轮搜寻，发现它可以有一些方法去实现这个按钮的点击。
Vue3移动端web页面video标签使用及适配（点击或自动播放）
qq_43145310的博客
08-03 2002
video标签自动播放和点击播放
video视频控制点击播放点击背景暂停并消失
L824627453的博客
02-22 1049
/vedio原生手写控制播放暂停快进等按钮。index控制case的video。
手把手教你用video实现视频播放功能
m0_59157023的博客
11-15 3167
手把手教你用video实现视频播放功能
video标签里面不是全屏
最新发布
08-14
回答: 如果想让video标签内的视频不全屏播放，可以使用以下方法: 方法一: 在video标签内添加playsinline属性。例如: <video id="video1" playsinline> <source src="video.mp4" type="video/mp4"> </video> [1] 方法二: 在video标签内添加webkit-playsinline属性。例如: <video id="video1" webkit-playsinline> <source src="video.mp4" type="video/mp4"> </video> [1] 方法三: 在video标签内添加x5-playsinline属性。例如: <video id="video1" x5-playsinline> <source src="video.mp4" type="video/mp4"> </video> [1] 以上方法中的playsinline属性或webkit-playsinline属性或x5-playsinline属性可以告诉浏览器在小窗模式下播放视频，而不是全屏模式。请根据自己的需求选择其中一种方法进行设置。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [h5使用video标签解决自动全屏问题](https://blog.csdn.net/qq_24978681/article/details/117230378)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* [html5 video标签实现手机端视频播放全屏显示](https://blog.csdn.net/suny2020/article/details/120021983)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值