ionic下videogular解决字幕文件跨域问题[已解决这个大坑]

最新推荐文章于 2024-07-31 09:57:55 发布

原创最新推荐文章于 2024-07-31 09:57:55 发布 · 1.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#videogular #ionic

本文详细解析了VG Media中特有的标签属性用法，特别是vg-crossorigin属性的正确书写方式，强调了双引号内使用单引号的重要性。

<vg-media vg-src="config.sources"
                      vg-tracks="config.tracks"
                      vg-preload="ctrl.config.preload"
                      vg-crossorigin="'anonymous'"
                      vg-loop='true'
                      >

注意这里vg-crossorigin="'anonymous'"的写法,是双引号包含单引号!!

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

医学影像处理

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Ionic4—http代理解决本地开发时跨域问题

雷雨天的雷胖子

12-03

1060

目录一、概述二、设置正向代理三、代理请求一、概述什么是跨域跨域，即跨站http请求，是指发起请求的域和请求指向的资源所在域不同。跨域问题是浏览器对JS同源策略的限制。开发Ionic4项目时，如果测试环境中后台的Response设置了Access-Control-Allow-Origin:*，则不存在跨域问题，但切换到正式环境后，由于正式环境对安全控制较为严格，不可避免的...

H5的video标签跨域.HTML的video标签跨域_跨域ajax

12-24

H5的video标签跨域.HTML的video标签跨域我们都知道HTML video标签能播放视频但是如果你的video要播放的是非当前域名下的视频文件,这就要跨域播放视频, 应该如何实现呢?

1 条评论您还未登录，请先登录后发表或查看评论

Ionic3学习笔记（十四）使用 videogular2 实现视频播放以及遇到的一些问题

weixin_33979363的博客

02-04

580

2019独角兽企业重金招聘Python工程师标准>>> ...

ionic下正确使用videogular的$API的姿势

医学影像学习笔记

11-14

2929

controller:$scope.API = null; $scope.onPlayerReady = function ($API) { $scope.$API = $API; console.log("API____:"+$scope.$API.currentState); } $scope.watchTime = function ($c

videogular-ionic-example-project:在一个简单的项目中使用 Videogular 和 ionic

06-10

videogular-ionic-example-project 在一个简单的项目中使用 Videogular 和 ionic 这是一个测试，如果我可以在cordova / ionic项目中使用videogular。实际上它适用于Android 4.4手机。如果要构建项目，则需要添加android ionic platform add android ： ionic platform add android 构建项目ionic build 运行项目ionic run 在项目根级别执行所有命令。需要安装的软件：阿帕奇科尔多瓦离子

vue使用video播放视频跨域问题“has been blocked by CORS policy: No ‘Access-Control-Allow-Origin

最新发布

海贼王某人的博客

07-31

2293

起因：项目需要加一个视频播放功能，线上资源和网页url不是一个域名，导致跨域了无法播放，报错。我真的服了，网上答案十个九个都是错的，那些人发出来的东西自己都不验证一下吗，多了一个 i 让我好找啊，最后还是解决了，如果你用crossOrign无法解决就把 i 加上吧，我也不知道什么原因，反正的我不加 i 就可以播放了，记录一下这个大坑。注意：是crossOrign=“anonymous”，不是crossOrigin=“anonymous”

ionic App 解决android端在真机上tab处于顶部的问题

08-30

本文将为大家介绍解决这个问题的方法，涉及到 Ionic Config Provider 的配置和 tab 的样式设置。 Ionic Config Provider 是 Ionic 框架中的一种配置提供者，用于设置应用程序的各种配置项。通过配置 Ionic Config ...

解决ionic和angular上拉加载的问题

08-29

"解决Ionic和Angular上拉加载的问题" 在移动应用程序开发中，上拉加载是一种常见的交互方式，许多开发者都会遇到上拉加载的问题，本文将详细介绍解决Ionic和Angular上拉加载的问题。什么是上拉加载？上拉加载是...

精选资源

ionic实战二十二中实现m3u8播放js文件

08-17

首先，我们需要了解`hls.min.js`这个文件。这是HLS.js库的压缩版本，它是一个JavaScript库，允许浏览器直接播放M3U8格式的流媒体内容，即使原生不支持HLS，也能通过该库实现播放。HLS.js的核心功能是解析M3U8文件，...

ionic在开发ios系统微信时键盘挡住输入框的解决方法(键盘弹出问题)

09-01

在使用Ionic框架开发iOS系统下的微信应用时，经常会遇到一个问题：当用户在输入框中输入内容，软键盘弹出后会遮挡输入框，导致用户体验不佳。这个问题在描述中被称为"键盘挡住输入框"的问题。解决这个问题对于提供...

video跨域

热门推荐

qq_25253991的博客

08-13

1万+

在页面里面使用了video标签来播放视频，在低版本的chrome中正常播放，但是在76版本的chrome中报错Cross-Origin Read Blocking (CORB) blocked cross-origin response 一、问题描述： video标签播放视频，在76版本chrome中报跨域访问错误。二、问题定位：看到这个内容首先想到的是，这个资源跨域被浏览器同源策略限制访...

videojs CORS 跨域失败无效 ,添加 add_header Access-Control-Allow-Origin *；无效

面朝大海，春暖花开

12-05

3174

videojs CORS 跨域失败无效 ,添加 add_header Access-Control-Allow-Origin *; 无效

h5播放视频及字幕的方式

ding43930053的专栏

03-22

1799

Html代码： <videocontrols> <sourcesrc="XXXX.mp4"type="video/mp4"> <tracklabel="英文字幕"kind="subtitles"srclang="de"src="en.vtt"default> <tracklabel="中文字幕...

video播放视频时配置字幕的实现方法

丰云之薪火

06-26

8096

项目里有很多视频资料，现在客户需要给给这些视频资料添加字幕解说。网上查了不少资料，终于简单实现了这个效果。 /* 直接给字幕标签加样式是无效的，必须以下面的方法给样式。*/ /* 由于google chrome和firefox的字幕默认样式是黑色背景，效果难看，因此需要样式调整 */ video::cue{ background-color:transparent; col...

video 标签获取视频第一帧图像和跨域问题 (Vue 的写法)

u011866450的专栏

01-15

4652

具体代码 captureImage() { let video = this.$refs.dragvd_pre; //dragvd_pre指video 标签也可以使用 document.getElementById('video') let canvas = document.getElementById('myCanvas') let ctx = canvas.getContext("2d"); ctx.drawImage(video, 0, 0, 343, 200);

videogular2 在ionic项目里报错(rxjs_1.fromEvent is not a function)

阿龙的博客

10-26

867

这种是videogular2 跟ionic版本兼容问题换个videogular2版本试试把原来版本去掉自己手动安装 npm install videogular2@6.1.0 --save 亲测有效!

ionic 使用videogular播放视频

qq_27717857的博客

06-22

3074

ionic 项目如果没有bower.json的话新建bower.json 命令：bower.init 1. 安装videogular，主题和其它插件bower install videogular videogular-themes-default videogular-controls videogular-buffering videogular-overlay-play video...

Ionic3 两种方法解决跨域问题 - 正向代理与服务器允许

zhichaosong的博客

09-12

3126

所谓正向代理就是本地代理，反向代理就是服务端代理，只配置一种即可，具体配置方法如下：文章目录一、正向代理二、反向代理一、正向代理本地修改 ionic 项目就能实现跨域访问了修改 config.xml 文件 server address替换成自己的服务器地址，粗暴一点可以直接写 * <content src="server address" /> <access o...

html5 audio字幕,在video元素或audio元素中使用字幕、章节标题、说明文字或元数据...

weixin_28760959的博客

05-30

1011

在HTML5中，如果你想在video元素或audio元素中使用字幕、章节标题、说明文字或元数据等附加信息，以增强用户体验的话，你可以使用track元素来实现这个处理。track元素允许你为了使用字幕、章节标题、说明文字或元数据等附加信息而对video元素或audio元素指定媒体轨道，换句话说，track元素允许你沿着audio元素所使用的音频文件中的时间轴或video元素所使用的视频文件中的时间轴...

ionic使用angular语言打包apk之后解决跨域问题

04-19

在打包apk后，ionic使用angular语言，遇到跨域问题可以在项目的根目录下添加一个文件：proxy.conf.json，内容如下： { "/api": { "target": "http://example.com", "secure": false } } 其中，/api是指我们...