• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > 如何禁止 iPhone Safari 视频自动全屏?

如何禁止 iPhone Safari 视频自动全屏?

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含video,JavaScript,controls,lt,gt等相关知识,匿名希望在学习及工作中可以帮助到您




由JavaScript控制播放 不使用video标签controls属性
iPhone safari 点击视频会弹出播放器进行全屏播放
如何不全屏 使视频在网页中播放?

回复内容:

iPhone Safari 中播放视频只能全屏,所以这个问题是没有答案的。
-------------------------------------
以下为拓展,
在iOS APP中使用网页视频,是可以禁止全屏播放的,方法如下:
  1. 前端将video标签加入属性 webkit-playsinline,如:;
  2. Obj-C中,添加配置:webview.allowsInlineMediaPlayback = YES;
这样web视频就可以嵌入播放了,方案参考:
HTML5 inline video on iPhone vs iPad/Browser 可以在 video 标签上加一个 “webkit-playsinline” 属性 ,如下:

详情参见官方文档: UIWebView Class Reference iPhone Safari 只能全屏播放视频。 IOS APP可以使用
补充一个 IOS Safari 实现内联播放的方法 > 用這種方法必須要把web用objectC包起來才行
不知道有沒有純web的方法來達到iphone播放視頻不全螢幕? 把视频转码,用ajax去分段请求数据来填充到canvas。
不过现在还没找到完美的办法,这个是算是曲线救国。
同求完美的解决方案

您可能想查找下面的文章:

  • 解决html5中video标签无法播放mp4问题的办法
  • H5新属性audio音频和video视频的控制详解(推荐)
  • 使用HTML5在网页中嵌入音频和视频播放的基本方法
  • HTML5 video播放器全屏(fullScreen)方法实例
  • HTML5 video标签(播放器)学习笔记(二):播放控制
  • HTML5 video标签(播放器)学习笔记(一):使用入门
  • HTML5 Video标签的属性、方法和事件汇总介绍
  • HTML5 video 事件应用示例
  • HTML5 video 视频标签使用介绍
  • HTML5 Video/Audio播放本地文件示例介绍

相关文章

  • 2018-12-03Dreamweaver中设置html网页段落行间距的方法指导
  • 2017-08-06探讨HTML5移动开发的几大特性(必看)
  • 2018-12-03HTML5实现留言和回复的页面
  • 2018-12-03html5 Canvas实现画未闭合的路径及渐变色的填充方法
  • 2018-12-03html5 main标签是什么意思?html5 main标签作用的详细介绍
  • 2018-12-03HTML5开发必备-游戏开发资源合集(图文)
  • 2017-08-06phonegap常用事件总结(必看篇)
  • 2018-12-03H5制作二维码扫描和解析的代码实例
  • 2018-12-03HTML5新增协议:WebSocket协议的实例
  • 2018-12-03H5 学习之旅-H5表格(7)

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • HTML5上传文件显示进度的实现代码_html5教程技巧
    • HTML5 FormData用法详解以及文件上传实现过程讲解
    • HTML在线编辑器的调用方法和使用方法
    • html5播放视频且动态截图实现步骤与代码(支持safari其他未测试)_html5教程技巧
    • HTML5打开本地app应用的示例代码
    • 现在市面上的这么多的h5交互设计软件,到底有什么差异?
    • 把 HTML5 简称为 H5 的人,会把 CSS3 说成 C3 吗?
    • HTML5响应式布局基础(一)
    • 用CSS固定footer在底部的疑问?
    • 苹果为什么不支持flash,而是用html5技术呢?

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有