字幕标签＜track存在跨域问题

原创 于 2025-01-22 19:34:13 发布 · 227 阅读 · 0 ·
CC 4.0 BY-SA版权
Author:baiyun ,Email:mitbaiyun@163.com
文章标签：

#vue.js

增加参数crossorigin=“anonymous”

![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/e332e2d35e444abbad530fada7f32ffc.png)
解决 Video 中设置字幕出现的跨域问题
旧梦
02-10 636
最近在写一个视频播放器，但是当我给视频添加字幕之后，出现了跨域问题，这里记录一下。以下是用于测试的视频和字幕的链接视频：https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-576p.mp4字幕：https://cdn.plyr.io/static/demo/thumbs/240p.vtt。
视频直播m3u8协议以及跨域问题和Videojs加载m3u8视频汇总
似水流年
12-18 1万+
video.js支持m3u8格式直播 https://www.cnblogs.com/saysmy/p/6429835.html 为什么要使用video.js？ 1. PC端浏览器并不支持video直接播放m3u8格式的视频 2. 手机端各式各样的浏览器定制的video界面风格不统一，直接写原生的js控制视频兼容性较差 3. video.js解决以上两个问题，还可以有各种视频状态接口...
【浏览器】同源策略及跨域问题
小秀的博客
11-01 1419
实际工作场合并不会用。JSONP 是⼀种跨域请求数据的⽅式，它利⽤了<script>标签不受同源策略限制的特性，可以从不同的域名请求数据。实现原理是在服务端⽣成⼀个 JavaScript 函数，客户端使⽤<script>标签请求该函数，服务端返回该函数的调⽤，并将需要传输的数据作为函数参数传⼊。所以jsonp解决的跨域问题具有很明显的不⾜，它只能实现get⽅法的请求。对于post put delete 等其它请求⽆法实现。// 前端// 后端 这⾥⽤ express 来模拟})})
video js Tracks
隔壁老王
09-15 3352
文本轨道提供时间功能的HTML5视频触发文本查看器。video.js轨道在所有浏览器上工作。目前有五种类型的轨道： 字幕：在视频中的对话，当音频是可用，但不理解。字幕在视频上显示。 字幕：标题：转录的对话，音效，音乐和其他音频信息为线索，当观众是聋子或重听，或视频静音。字幕也显示在视频。 章节：章节标题，用于在视频中创建导航。通常他们是在一个列表的形式，观众可以点击进入一个特定的章节。 描述（不支持
videojs-playlist, 用于播放多个音频音轨或者多个视频的插件.zip
09-18
videojs-playlist, 用于播放多个音频音轨或者多个视频的插件 Video.js-播放列表用于播放多个视频或者多个音频音轨的视频js插件。 它是中越来越多的插件之一，用于出色的视频库库( ) 。的基本原理：开发这个插件的主要目标是播放的音频文件。 可以以通过将 <video> 交换为
vue3-video-play 添加 track 字幕 示例及用法
03-30
</think>在 `vue3-video-play` 中通过 `<track>` 标签添加字幕的实现方法如下： ### 一、基础实现步骤 1. **安装与引入组件** ```bash npm install vue3-video-play ``` ```vue <script setup> import Vue3...
vue中使用 vue3-video-play 如何添加track 字幕
03-30
<think>好的，我现在需要帮助用户解决在Vue3中使用vue3-video-play组件添加track字幕的问题。首先，我得确认用户的需求。他们提到了参考的引用内容，其中引用1是关于使用XGPlayer添加字幕，引用2涉及WebRTC的track...
viedo标签不显示，只有宽高
08-12
使用 `<track>` 添加字幕时的问题 如果使用了 `<track>` 元素来添加字幕，但视频仍然无法显示，可能是字幕文件路径或格式错误。确保字幕文件路径正确，并且格式为 `.vtt`。 ```html <video width="640" height=...
开服HTML播放当前mp4和vtt字幕,自动识别，mp4和vtt除了后缀名以外全部一样，自动识别，并可以在视频列表选择，可以播放声音和字幕
最新发布
08-17
字幕的加载：我们可以在每个视频对应的`<track>`标签中设置`src`属性为同名的VTT文件，并设置`kind="subtitles"`，同时设置`label`（例如“中文”）和`srclang`（例如"zh"）。 3. 视频列表：我们可以用一个下拉...
videojs中文文档详解
谢泽的网络日志
07-05 33万+
最近弄视频直播，网上没有全面的中文文档，只好自己整理了一份详细的api。Video.js是一款web视频播放器，支持html5和flash两种播放方式。更有自定义皮肤，插件，组件，语言还有丰富的选项配置。 官方网站 点此下载videojs.6.0.0 入门使用 引入video.js和video-js.css，使用video标签就像下面这样： &amp;lt;video id=&quot;e...
一款开源免费跨浏览器的视频播放器--videojs使用介绍
weixin_30896763的博客
11-25 1374
最近项目中的视频功能，需要做到浏览器全兼容，所以之前用html5实现的视频功能就需要进行改造了。在网上翻了个遍，试来试去，在所有的视频播放器中，就数它最实际了。首先我们来看看它的优点： 1.它是开源免费的，你可以在github很容易的获取它的最新代码。 2.使用它非常的容易，只要花几秒钟就可以架起一个视频播放页面。 3.它几乎兼容所有的浏览器，并且...
html5 video 文本轨道,VideoJS-轨道-文本轨道
weixin_32539505的博客
06-22 882
原文https://docs.videojs.com/tutorial-tracks.htmlVideoJS当前有三种类型的轨道(tracks)：音频轨道(Audio Tracks)视频轨道(Video Tracks)文本轨道(Text Tracks)下面我们依次来进行介绍这三种轨道文本轨道文本轨道用于显示字幕和标题，并添加用于在视频中的章节之间进行导航的菜单。文本轨道是HTML5的一项功能，用于...
video.js--很赞的H5视频播放库
zdy0_2004的专栏
08-27 2万+
http://www.cnblogs.com/stoneniqiu/p/5807568.html video.js是一款很流行的html5视频播放插件。很适合在移动端播放视频(比如微信网页)，功能强大，且支持降级到flash,兼容ie8。官网：http://videojs.com/   git&demo  ：http://files.cnblogs.com/files/stone
videojs文档翻译-api
weixin_33725239的博客
03-24 3000
直播流地址 rtmp://live.hkstv.hk.lxdns.com/live/hks API 接口 (一) Modules 模块 1) browser ：浏览器 2) buffer ：缓冲 3) computed-style ：计算风格 4) dom ：文档对象模型 5) dom-da...
vue video.js的使用
晴天有何特别
10-29 999
vue video.js的使用 flash将被淘汰，html播放器将成为主流
最新版videoJS使用播放M3U8格式直播 视频
热门推荐
JaneYork的博客
03-25 110万+
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>videoJs</title> <link href="https://vjs.zencdn.net/7.6.6/video-js...
VideoJs使用总结
weixin_34409741的博客
01-22 2968
VideoJs简介 VideoJs是用于视频播放的javascript的库。 官方文档 使用方法 <div class="video"> <video id="player" class="video-js vjs-styles-defaults"> <!--<source sr...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

BigData-0

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值