首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

我正在开发Cordova/Ionic应用程序,全屏视频播放已停止在Chrome 73中工作

Cordova/Ionic是一种跨平台的移动应用开发框架,允许开发人员使用Web技术(HTML、CSS、JavaScript)构建原生应用程序。全屏视频播放在Chrome 73中停止工作可能是由于Chrome的更新或者某些浏览器策略变更导致的。以下是一个完善且全面的答案:

问题:我正在开发Cordova/Ionic应用程序,全屏视频播放已停止在Chrome 73中工作。

回答:在Cordova/Ionic应用程序中,如果全屏视频播放已停止工作,这可能是由于Chrome 73版本的更新或者某些浏览器策略变更引起的。以下是解决该问题的一些建议和可能的原因:

  1. 检查浏览器策略变更:Chrome经常更新,新版本中可能会引入一些变化和限制。请查阅Chrome官方文档,了解Chrome 73版本中的改动,并查看是否有任何对全屏视频播放的相关更改。
  2. 使用Cordova插件:Cordova提供了许多插件来处理不同的功能和设备特定的问题。您可以尝试使用适当的Cordova插件来管理全屏视频播放。例如,cordova-plugin-video-player是一个流行的插件,用于在Cordova应用程序中播放视频,并且可以与全屏模式兼容。
  3. 检查WebView版本:Cordova/Ionic使用的WebView组件可能是问题的根源。确保您的WebView组件是最新版本,并且与您的Cordova/Ionic框架兼容。您可以查阅Cordova/Ionic官方文档以获取有关WebView组件的更新和兼容性信息。
  4. 更新Cordova/Ionic框架:确保您的Cordova/Ionic框架是最新版本,因为新版本通常会修复一些已知的问题和不兼容性。
  5. 考虑使用其他播放方式:如果全屏视频播放在特定的浏览器或版本中存在问题,您可以尝试使用其他的播放方式来解决该问题。例如,您可以考虑使用Video.js等流行的HTML5视频播放器库,这些库提供了全屏播放功能,并且具有更好的浏览器兼容性。

总结: 在开发Cordova/Ionic应用程序时,全屏视频播放停止工作可能是由于Chrome版本更新或浏览器策略变更引起的。通过检查浏览器策略变更、使用适当的Cordova插件、更新WebView组件、更新Cordova/Ionic框架、考虑使用其他播放方式等方法,您可以解决全屏视频播放的问题。

腾讯云相关产品推荐:对于移动应用开发者,腾讯云提供了一系列云产品和解决方案,可帮助您轻松构建和管理移动应用。您可以使用腾讯云移动推送服务(https://cloud.tencent.com/product/umeng)来实现消息推送功能,以及腾讯云移动直播(https://cloud.tencent.com/product/lvb)来实现实时音视频播放功能。这些产品可以与Cordova/Ionic框架集成,提供稳定和可靠的解决方案,以满足您的业务需求。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

【技巧】ionic3视频播放

关于视频播放,很早就想动笔了,只是基于当前选用技术,还有不少要优化的细节,而我考虑要不要把这些细节整理出来的过程中,文章就搁置了。...直接播放.PNG 而这两种方式,可分别使用以下方式处理: 一、使用Cordova插件播放。...以官网推荐的cordova-plugin-streaming-media插件为例: 首先安装插件,并安装相应的native模块: ionic cordova plugin add cordova-plugin-streaming-media...(没验证其可行性,只是看上去觉得思路大致一致): https://segmentfault.com/a/1190000006857675 当然,也可以两者混合使用,组合操作就行,如全屏使用原生的全屏播放...最最后,就算你解决了上述问题,你还是需要大致处理下以下问题: 视频滚出可视区域,应停止播放; 当前视频点击播放,其它视频应该全部停止全屏播放完成应退出全屏播放时应自动隐藏播放控件,点击屏幕时显示播放控件

1.9K30

构建具有用户身份认证的 Ionic 应用

当时做的项目是开发一款原生应用,但是打算使用 HTML 来开发适配多个屏幕的应用,这样 web 开发者也可以参与开发 2014 年的三月写了的经历。...喜欢使用 Ionic发现使用 Ionic 移植现有的应用程序更多的就是修改 HTML 和调整 CSS。 Ionic 2 一月份发布, 可以使用 Angular 开发 Ionic 应用。...你可以使用 Chrome 的设备模式查看应用程序 iPhone 6 中的效果。 ? 使用 Ionic serve 命令的特点是它会在浏览器中显示编译错误,而不是(有时会隐藏)开发控制台。...正在查找 没有正常工作 的原因。 发布到移动设备 使用 Ionic 浏览器中开发移动应用是非常酷的事情。很高兴你能看到自己的劳动成果以及优秀的手机应用。但是它的外观和表现还不是原生应用。...相信使用 Cordova 打包 app 之后并不会正常工作,因为通过内嵌的 iframe 向服务端发送请求,然后使用 postMessage 将结果返回当前窗口。

23.8K00
  • 构建具有用户身份认证的 Ionic 应用

    当时做的项目是开发一款原生应用,但是打算使用 HTML 来开发适配多个屏幕的应用,这样 web 开发者也可以参与开发 2014 年的三月写了的经历。...喜欢使用 Ionic发现使用 Ionic 移植现有的应用程序更多的就是修改 HTML 和调整 CSS。 Ionic 2 一月份发布, 可以使用 Angular 开发 Ionic 应用。...你可以使用 Chrome 的设备模式查看应用程序 iPhone 6 中的效果。 ? 使用 Ionic serve 命令的特点是它会在浏览器中显示编译错误,而不是(有时会隐藏)开发控制台。...正在查找 没有正常工作 的原因。 发布到移动设备 使用 Ionic 浏览器中开发移动应用是非常酷的事情。很高兴你能看到自己的劳动成果以及优秀的手机应用。但是它的外观和表现还不是原生应用。...相信使用 Cordova 打包 app 之后并不会正常工作,因为通过内嵌的 iframe 向服务端发送请求,然后使用 postMessage 将结果返回当前窗口。

    23.2K50

    跨平台开发框架和工具集锦

    PWA优势:PWA可以将App的快捷方式放置桌面上,全屏运行,体验上与原生几乎一致,支持有网和断网时使用。PWA不包含原生OS相关代码。...PWA是Google主推的一项技术标准,FireFox,Chrome以及一些基于Blink的浏览器已经支持渐进式Web应用了,Edge上对渐进式Web应用的支持正在开发中,Apple公司也表示Safari...比较热门的Hybrid框架有IonicCordova、DCloud: (1) Ionic IonicIonic是一款开源的跨平台,可用于开发移动端的开发框架。...Ionic底层打包使用 CordovaIonic自带丰富的Ionic UI样式,Ionic使用的是AngularJS前端框架。...Ionic拥有丰富的命令操作,可以通过命令行工具快速创建Android和iOS项目,并且也可以编译成Android和iOS平台的应用程序,同时Ionic也支持自定义编写Android和iOS的插件。

    4K30

    【风雨欲来的Hybird】(1)Capacitor——为了原生,RN、NS、Weex的下一个强劲对手

    其实Capacitor是ionic4的衍生品,如果说Stencil是跨框架组件开发,那Capacitor就是跨平台原生封装。...为解决Webview的渲染性能瓶颈,相对于Cordova,原理应该和RN差不多的,页面使用原生渲染,但比RN更接近Web的开发方式,且多了对Cordova的兼容。...Capacitor正在Ionic Framework团队设计,作为Cordova的最终替代品,但向后兼容Cordova插件,它可以没有Ionic Framework的情况下使用,但很快它将成为Ionic...本地访问 每个平台上访问完整的原生SDK,并轻松地部署到应用程序商店(和网站!)。 开源 Capacitor是完全开源(MIT),由Ionic及其社区维护。...原始Web 使用可以工作数十年的标准网络技术构建应用程序,并轻松访问应用程序商店和移动网络上的用户。

    3.1K40

    写给前端工程师看的,移动应用选型指南

    于是,人们就想: 让Web开发人员可以利用他们所有的HTML、CSS和JavaScript知识,而且仍旧可以同iPhone的重要本地应用程序(如摄像头和通讯录)交互呢?...按的猜测应该是:生成的项目,当我们使用 Ionic 来生成应用的时候,官方就会统计到相应的应用创建。...同理于,React + Cordova,又或者是 Cordova + Weex。 Web 方面的经验比较丰富,没有足够的能力来支撑起 React Native 的开发。...作为一个 Ionic 框架的深度用户,已经开发了近十个基于 Ionic 的应用,Ionic 可以为你提供丰富的 UI 组件,大量的原生插件可以使用。...与此同时,我们可以发现 Ionic 应用的性能,正在努力地提升着~~。 并且依照开发习惯,它不仅仅可以作为一个移动 APP 应用,还可以是一个移动 Web 应用,又或者是 PWA 应用。

    2.1K60

    WPF 全屏窗口将让 Chrome 97 视频停止播放

    无论是使用 WPF 全屏窗口,还是高性能全屏透明窗口,都会在 Chrome 97 以及使用 chromium 对应版本内核的应用的视频停止播放。...这是 chromium 的一个优化,因为 chromium 认为,如果有全屏窗口盖在上面,自然此时停止播放视频可以节省资源。...Chrome 97 的功能,是功能,不是 bug 哦 除了 WPF 的全屏窗口进入前台时,会让 Chrome 97 的应用的视频停止播放。...其他任何的 Win32 应用,也能让 Chrome 97 的应用的视频停止播放。...因为这是 Chrome 97 在内核里的优化判断,只要有窗口满足 Windows Native Window Occlusion Detection 文档所描述的条件,将会自动停止视频播放 此问题算报告给

    92820

    基于React-Native0.55.4的语音识别项目全栈方案

    2.1 WebView 方案: 一个app中单页面全屏放置一个WebView组件,然后加载https方式部署的web应用。 理由: 手机浏览器无法支持的情况下,只能寄希望于WebView。...测试结果: 遗憾地是这个项目一年前已经停止维护了,最后一版的官方脚手架工具也无法初始化新的工程,间接使用的方式分为两种,第一,下载crosswalk的包,手动android工程中替换原生WebView...2.3 Cordova/ionic ?...理由: 值得一提的是cordova拥有一个非常流行的移动端开发×××ionic,现在已经迭代至4.0阶段,这个技术笔者是有特殊感情的,当年ionic还在alpha版本的时候,笔者就在使用了,它是基于cordova...这个方案既可以按照混合开发的方式来进行,也可以按照单个WebView的方式来进行(验证这种方案无法支持WebRTC)。

    3.7K30

    SNS项目笔记--项目启动

    1.1.1、创建项目 npm install -g ionic cordova 下载必要的ionic 组件与cordova打包依赖 ionic start demo --v3 创建3版本的ionic项目...这些项目的归纳很好的让我们开发人员深入研究与学习进去。作为实际交付项目的需要,以及对需求的适合度,选择了tabs项目。点击回车,进行项目下载并下载依赖,这得等一段时间来完成。...1.1.2、演示项目 ionic serve 老配方,熟悉的味道,这里不需要过多解释,直接等待几许过后便在浏览器中打开项目演示,这里要注意的是,一定要选择带有chrome内核的浏览器,这样可以方便自己按...2、新增一个导航界面 项目进行中要进行对底部导航栏目的修改,项目中默认为三个导航,可是项目需求需要四个,我们需要ionic g page newPage//这里的newPage为我们开发人员自定义的名称自动生成页面...改变点击色.png 4、结尾的话 作为公司项目此项目不应开源,但是我会在项目进行中将比比较精华的部分分享给大家,希望同路人喜欢上这样的UI框架,也希望ionic 今后能改变我们大部分的工作方式!

    2.9K20

    每日前端夜话(0x05):2018年JavaScript状态调查(下)

    Cordova Apache Cordova是一个移动应用程序开发框架。 Cordova 随时间的流行度 ? Cordova 最受喜欢的方面 ? Cordova 最不受欢迎的方面 ?...Ionic GitHub 36k stars 使用开放式Web技术构建令人惊叹的原生和渐进式Web应用。应用程序可以运行在任何设备上? Ionic 随时间的流行度 ? Ionic 最受喜欢的方面 ?...作为React Native的替代方案,如果不想用React模式,JavaScript中编写跨平台应用的开发者可以关注Weex,这可以让他们使用Vue.js生态系统。...现在构建JavaScript应用程序过于复杂 ? JavaScript在网上被过度使用 ? 喜欢构建JavaScript应用 ? 希望JavaScript成为的主要编程语言 ?...Jest 有96.5%的用户愿意再次使用它,Jest证明它不是开玩笑。 Express 94.3% GraphQL 94.2% 最感兴趣奖 技术开发者最有兴趣学习的。 ?

    2.2K40

    开发指南】(六)Ionic3从目录结构理解开发

    首先,我们主要的工作目录是src目录,开发的90%以上的工作量都集中在这个目录上,在里面就是用angular2或以上的技术去书写html模版、样式和脚本(有面向对象开发经验的很容易上手),开发完成后通过...ionic的命令行生成为原始的静态html页面,并存放在www目录(见上图所示),也就是说www开发过程中是不需要理的,可以任意删除。...一些需要原生的需求目的,或者基于性能要求的目的,ionic提供了很方便调用原生(利用Cordova)的使用接口,包含配置和扩展,那就是第一张图里其它目录的角色(黑色粗体为重要项): hooks:cordova...android、ios等平台图标、启动屏资源,在此目录下的资源通过下述命令会把资源按分辨率生成到原生项目目录中,省却自己逐个调整分辨率及拷贝的繁琐工作: ionic cordova resources...而压缩打包混淆等都是ionic框架内部处理了,所以我们只需专注于页面的实现,那最最简单的开发步骤就是,pages里面新建一个页面,写好逻辑,然后app.module.ts添加配置即可。

    2.8K10

    关于直播卖货系统平台微信浏览器中音视频播放的问题

    ="true" //webkit内核 x5-playsinline="true" //X5内核 2.直播卖货系统音视频自动播放问题 最新版的Chrome浏览器(以及所有以Chromium为内核的浏览器...这是因为,Chrome只允许用户主动对网页进行主动触发后才可自动播放音频和视频。...H5页面分享到微信上播放视频,最大的坑就是Android手机上,X5浏览器会劫持Video标签用腾讯播放器弹出全屏播放,处于最上层,覆盖DOM元素,更可恶的是播放完毕时,会出现很多腾讯的广告视频。...对于直播类全屏视频,最好不要在最顶部放交互性元素 4.后台切出自动停止播放音乐 微信中打开一个自动播放音乐的直播卖货系统H5页面,有一个容易忽略的问题,就是不退出页面的情况下,后台切出微信时,页面的音乐仍在播放...试了一下,播放中的视频页面切出时会自动停止播放,音乐则不会,需要手动处理。而在Android中腾讯X5浏览器处理的就比较完善了,播放中的音视频切出后台时会停止播放并且切回页面后自动续播。

    1.2K20

    Ionic 开发Ionic Storage 详解

    Ionic Storage 是一款基于 localForage 用于 Ionic 应用程序的简单 “键-值” 存储模块,支持 SQLite 开箱即用。...原生应用程序环境中运行时,存储方式会优先使用 SQLite 的原因,是因为它最稳定和最广泛使用的文件数据之一,并且避免了诸如 localStorage 和 IndexedDB 之类的一些陷阱,比如在低磁盘空间的情况下会自动清理数据...实际开发中,如果你想执行任意 SQL 查询,你可以直接使用 Ionic Native SQLite 插件。 接下来,我们先来介绍一下 Ionic Storage 的安转与使用。...安装与使用 首先,如果你想使用 SQLite,请先安装 cordova-sqlite-storage 插件: $ ionic cordova plugin add cordova-sqlite-storage...实际的开发过程中,在数据存储时,我们可能还会涉及数据响应式、数据加密、数据压缩、数据迁移和备份,有上述需求的同学,可以了解一下 rxdb 这个库。

    3.9K10

    Ionic vs React Native: 移动开发哪家强 ?

    选择合适的平台是开发人员创建移动应用程序时面临的主要问题之一。据统计,iOS 和 Android 两大巨头已经有超过了十年的竞争。...软件供应商定制协议为Apache Cordova。该框架的主要目标是开发混合软件,其接口和性能将尽可能接近本地解决方案。Ionic基于CSS,HTML5,Sass和Angular 1.x。...Ionic 和 React Native 之间的第一个也是最重要的一个区别是它们创建的应用程序的类型。 Ionic 框架用于开发混合软件。...所以可以让项目中成员的工作流程保持独立。相反,RN 可能会以某种方式限制合作,这与 Ionic 的观点是背离的。 ● 语法细微差别。...如果你的项目由许多独立的组件组成,那么打包和调试对于开发者来说是一个非常头痛的问题。RN 不会是这种情况。这个框架支持 Hot Reload ,它允许保存状态的同时重新打包和更新启动的应用程序

    5.1K50

    可用媒体播放

    核心是要求语义一致,对非技术用户和视频开发者都有意义,并为常见的使用案例建立一些最佳实践和参考实现。...目录 什么是泛可用媒体播放器 键盘交互 Accessible Rich Internet Applications(ARIA) 播放器设计与细节 后续探索 什么是泛可用媒体播放器 我们期望的媒体播放器应该是能被尽可能多的用户使用...Media Chrome 是最初由 Steve Heffernan 开发的组件,无论使用的是哪种特定的播放器或UI框架,它们都将起作用。...例如,当按钮有播放图标时,如果按下它,这意味着它将播放视频。然后显示暂停按钮图标。如果按下它,它将暂停视频。...之所以这么做是因为用户,尤其是没有视力的用户可能不知道他们的视频停止发声的原因。许多播放器无法向用户指示播放正在后台加载。

    1.2K10

    AVKit框架详细解析(四) —— 基于AVKit 和 AVFoundation框架的视频流App的构建

    你已经 iOS 应用程序工作了一段时间,你认为你很聪明。 你以为你已经做到了,嗯? 是的,你可能可以做一些基本的网络。...AVPlayer 是 iOS 上播放视频的核心。 播放器对象可以启动和停止您的视频,更改其播放速率,甚至可以调高和调低音量。 将播放器视为能够一次管理一个媒体资产的播放的控制器对象。...Playing Video Efficiently 继续之前要注意的一件事是播放视频是一项资源密集型任务。 事实上,即使您开始观看全屏视频,您的应用程序也会继续播放这些剪辑。...通过将速率设置为 0.0 来停止视频剪辑播放: embeddedVideoRate = 0.0 要在全屏视频关闭时恢复播放,请在 VideoFeedView 主体中找到 fullScreenCover...构建并运行,然后转到全屏视频。 当您返回到feed时,预览会从停止的地方恢复。 6.

    7K10

    安卓开发方式的进化之路

    JavaScript框架来搭配 ---- 2、Ionic 优点: 国外的一款接近原生的Html5移动App开发框架,免费开源。...漂亮的界面,追求性能,专注原生,免费开源 Angular JS MVVM 开发理念,数据双向绑定 基于Cordova,可以使用 Cordova 的插件 缺点: 需要掌握 HTML + CSS +...Angular JS ,学习路线陡峭 Ionic 框架相比于原生的 Cordova 有所差异,Cordova 某些官方插件可能不适用于Ionic ---- 3、Dcloud 优点: 国内厂商,中文文档...:现在ios手机端不支持pwa,IE也暂时不支持 Chrome中国桌面版占有率还是不错的,安卓移动端上的占有率却很低 各大厂商还未明确支持pwa 依赖的GCM服务国内无法使用 微信小程序的竞争 PWA...能够Javascript和React的基础上获得完全一致的开发体验,构建原生APP。 仅需学习一次,编写任何平台。

    1.5K20
    领券