开发者社区> 问答> 正文

使用视频点播时ios视频为啥会自动全屏呢?

使用视频点播时ios视频为啥会自动全屏呢?

展开
收起
乐天香橙派 2023-07-18 15:55:33 435 0
4 条回答
写回答
取消 提交回答
  • 北京阿里云ACE会长

    iOS设备上的视频通常会默认进入全屏模式播放,这是Apple做的设计。有几个原因:

    设计理念:Apple认为视频内容特别消耗注意力,应该进入全屏模式以获得最佳视听效果。

    体验优化:全屏模式下,视频可以充满整个屏幕,体验更加沉浸式。

    功能 completeness:全屏模式下,视频上下文菜单等功能更易访问。

    效率考量:全屏模式下,媒体控件不需要绘制网页其他元素,提高性能。

    2023-07-28 18:34:53
    赞同 展开评论 打赏
  • 问题一:iOS 设备上的视频自动全屏播放是由 Safari 浏览器的策略决定的。在 iOS 设备上,当用户点击播放按钮时视频通常会自动全屏播放以提供更好的观看体验和大化视频内容的显示。

    二:在 H5 项目中,浏览器默认情况下通常不会自动全屏播放视频。这是出于用户体验和安全的考虑。不过,您可以使用 HTML5 视频的 autoplay 属性和 fullscreen API 来实现自动全屏播放。通过设置合适的 JavaScript 代码,您可以在用户打开页面时自动启动全屏视频播放。

    嵌入到 APP 中播放的行为则取决于 APP 的设置和 WebView 的配置。如果 WebView 配置为支持自动全屏播放,那么在 APP 中嵌入的 H5 项目中的视频可能会自动全屏播放。

    问题三:如果您使用的是 WebView 来嵌入 H5 项目,但视频仍然无法自动全屏播放,可能是 WebView 的配置或参数设置有关。您可以尝试以下方法来解决问题:

    1. 检查 WebView 的配置:确保 WebView 的 WebSettings 对象中的 setJavaScriptEnabledsetDomStorageEnabled 方法已启用,并且相关的参数设置正确。

    2. 设置 WebView 的视频属性:可以尝试调用 WebView 的 setWebChromeClient 方法,并使用 onShowCustomViewonHideCustomView 方法来管理视频播放的全屏行为。

    3. 更新 WebView 版本或尝试其他 WebView 实现:如果问题仍然存在,您可以尝试更新 WebView 的版本,或者尝试使用其他 WebView 实现(如 Crosswalk)来解决兼容性问题。

    2023-07-18 22:23:25
    赞同 展开评论 打赏
  • 这个应该是webview的行为, 你试一下这个解决方法:e3ec91d4a65d9c9807fe99aec0e7bcb0.png—此回答来自钉群“阿里云-VOD-视频点播-技术交流(进群先看公告)”

    2023-07-18 18:37:09
    赞同 展开评论 打赏
  • 在视频点播中,iOS设备(如iPhone和iPad)上的视频播放器通常具有自动全屏的功能。这是由于iOS设备的默认行为和用户体验设计。

    iOS设备上的视频播放器在嵌入式模式下会自动全屏,即当用户点击播放按钮后,视频播放器会自动进入全屏模式以提供更好的观看体验。这种行为可以确保视频内容占据整个屏幕,避免分散注意力或影响观看效果。

    这一自动全屏的功能是由浏览器或iOS操作系统内置的视频播放器控件自动处理的,并且往往无法通过标准的HTML或JavaScript代码来进行控制或禁用。

    如果你希望在iOS设备上阻止视频自动全屏播放,可以考虑以下方法:

    1. 使用特定的播放器库:选择支持自定义控制和行为的第三方播放器库,以实现更精确的控制。这些库通常提供了 API 来控制播放器的外观和行为,包括全屏模式。

    2. 添加 playsinline 属性:在 HTML 的 <video> 标签中添加 playsinline 属性,可以指示浏览器在内联模式下播放视频,而不是自动进入全屏模式。例如:<video playsinline>...</video>

    2023-07-18 16:35:18
    赞同 展开评论 打赏
来源圈子
更多
收录在圈子:
+ 订阅
问答排行榜
最热
最新

相关电子书

更多
React-Native 在iOS上的性能优化方案 立即下载
互联网音视频点播业务云上实践 立即下载
《VoD问题排查与实战手册》 立即下载