解决方法：html5阻止video的默认全屏播放

最新推荐文章于 2024-03-12 19:16:55 发布
最新推荐文章于 2024-03-12 19:16:55 发布
阅读量2.2w 收藏 1
点赞数 2
分类专栏： 问题 文章标签： video
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dazhong_333/article/details/71713588
版权

ios上禁止不了，尝试用了

<video src="src.mp4" id="video" -webkit-playsinline webkit-playsinline></video>

根本没有软用啊！

弄了挺久，在看iphone-inline-video这个插件的时候找到了一个方法。

<video id="video1"   playsinline  width="100%" height="100%" src="https://st-up.meiyaapp.com/2016/11/28/o_1b2kqd7en5pu6h5o2b1qba1a3m3g99080.mp4"></video>

有用了，换了一个属性，ios微信里总算不会跳全屏了。好评五星。

另附上html5中video的相关属性及方法

HTML5 video API 点我

anarul
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android编程使WebView支持HTML5 Video全屏播放的解决方法
09-03
主要介绍了Android编程使WebView支持HTML5 Video全屏播放的解决方法,较为详细的分析了全屏播放所涉及的相关技巧,并给出了完整代码下载地址供读者参考,需要的朋友可以参考下
HTML5微信播放全屏问题的解决方法
01-19
解决办法：给video标签加一些属性，调用h5原生video。 <video id=videoALL src=video/01.mp4 poster=images/1.jpg /*视频封面*/ preload=auto webkit-playsinline=true /*这个属性是ios 10中设置可以 让...
HTML中 video标签样式铺满全屏
最新发布
qq_63608386的博客
03-12 1165
video标签默认不是铺满的，即使手动设置宽高100%也不会生效，所以当需要video铺满div时，需要加上一个css样式stylewidth100%;height100%;
【踩坑】video移动端禁止/阻止/取消默认的全屏播放
weixin_44945942的博客
03-02 4873
ios和安卓系统，使用video标签，点击播放按钮，会默认全屏播放， 而我们要实现的效果是：禁止/阻止/取消默认的全屏播放， 不整那些有的没的，直接上代码： <video x5-playsinline="true" playsinline="true" webkit-playsinline="true" x-webkit-airplay="true" ...
video标签点击播放时直接全屏显示，播放完成后变成之前的样子
sdaulee的博客
10-27 5617
video的两个事件play 和 ended 全屏显示，参考了 版权声明：本文为CSDN博主「CurryChou777」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。 原文链接：https://blog.csdn.net/m0_37727560/article/details/106024057 最后实现就是： template模板中： <video src="http://haier-dev
H5 video标签 全屏播放各属性测试+兼容处理记录
H舞
03-23 1万+
video标签真是个神奇的属性，每次处理兼容都搞得人很头疼，H5移动端视频处理个人理解可以拆分为单独的一块，不同与其他H5功能，好比canvas一样，往小了看是简单的小视频播放（快手、抖音之类）。进一步可以演变为播放器嵌套，比较有名的例如B站开源的flv.js，之前笔记详情使用过，解决了flv格式文件video标签不支持播放问题。再进一步可以演化为视频直播类H5，16年末的时候看过上海一家直播类H...
video标签点击视频全屏播放
半半的博客
07-21 1万+
早上一来有一个小需求，业务部需要点击表格里面的视频就可以全屏播放，然后我就去看了需求页面 video标签不是有一个控件可以全屏播放吗，为啥还要点击视频元素，别问，打工人服从安排 因为我是用vue框架自己封装的table组件，所以直接在table里面修改 因为在video标签上绑定click事件无用，就在下面加了一个空div，使用position定位到video元素上，然后把click事件绑定到这个div上，然后把当前元素的唯一id传到这个函数里 requestFullscreen(...
HTML5 video播放器全屏(fullScreen)方法实例
09-28
主要介绍了HTML5 video播放器全屏(fullScreen)方法实例,本文直接给出一个完整代码实例,需要的朋友可以参考下
html5 video全屏播放/自动播放
热门推荐
编程架构三分天下：分层、分治、分时序。
09-07 5万+
近期开始开发公司新版官网， 首页顶部（header）是一个全屏播放的小视频，开发过程中遇到一些麻烦，还好借助互联网解决了这个问题, 现简单总结如下： &amp;amp;amp;amp;lt;header class=&amp;amp;amp;quot;header&amp;amp;amp;quot; style=&amp;amp;amp;quot;width:100%;position: relative;&amp;amp;amp;quot;&amp;amp
html5阻止video的默认全屏播放
阳光下的木子林的博客
07-18 1万+
html5 video 手机端视频播放全屏显示
cs729298的博客
08-10 4万+
html5 video 手机端全屏显示 废话不多说上代码 html   video   不支持video 编译后在页面内部播放视频而不会跳出使用系统播放器全屏播放视频了。而且z-index属性也可以正常定义，使其他元素可以覆盖在视频上面 css :   保持画面的原有比例 #my-video{ object-fit: cover; o
Html5原生video标签禁止全屏播放的实现
阿酷tony
03-18 2893
制作移动端H5，需要添加视频，点击播放的时候会自动全屏播放，记录一下处理局部播放的问题。 <video id="pageVideo" x5-playsinline="true" //安卓需要设置的属性 playsinline="true" //ios需要设置的属性 webkit-playsinline="true" //ios10需要设置的
html5 video播放调研
一名普通码农的菜地
10-20 9633
web duper code{web} :|: life{me} :|: tencent&xiaomi{work} 什么情况下可以使用HTML5播放？ 要支持HTML5播放，浏览器必须同时满足两个条件：浏览器能解析HTML5标准的Video标签。浏览器能对H.264编码的视频做解码。 我们再来细细的说一说这个问题，我们先来解释下什么是HTML5。HTML5是用
video默认全屏播放属性
05-23
可以通过在 video 标签中添加 `fullscreen` 属性来设置视频默认全屏播放。例如： ```html <video src="video.mp4" controls fullscreen></video> ``` 这样，在页面加载时，视频将自动全屏播放。请注意，此属性可能不适用于某些浏览器或设备。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值