video.js 相关问题

Video.js是一个开源JavaScript框架，用于嵌入和使用HTML5和Flash视频。它使用HTML5视频标记作为嵌入代码，并具有HTML5和Flash的通用HTML / CSS外观和API。

字幕没有在videojs中显示

字幕未显示在 videojs 中我在我们的 react.js 和 typescript 项目中使用 video.js。对于流媒体，我们使用 Azure 媒体服务和 DRM 进行加密。视频播放完美

reactjs typescript video.js azure-media-services drm

回答 1 投票 0

Video.js HLS 选择质量低于预期的 TS 片段

我正在使用 video.js 播放 m3u8 文件中具有多种质量的 HLS 视频流。我注意到 video.js 选择的质量低于给定质量的预期质量。我检查了相同的str ...

http-live-streaming video.js bandwidth

回答 1 投票 0

带有 Fairplay DRM 的 VideoJS 实现（reactJS）

我正在尝试使用 Apple DRM（reactJS）实现 videoJS。但是得到这个错误 {"errorcode":371000005,"errormsg":"Fairplay license acquisition failed >> Invalid Fa...

reactjs video.js drm

回答 1 投票 0

videojs - 找不到此媒体的兼容源

我有一个网页，我会先加载它，然后在加载页面后加载视频。为此，我使用视频标签我有一个网页，我会先加载，然后在加载页面后加载视频。为此，我使用视频标签 <video id="video1" class="video-js vjs-default-skin"> <source class="source" data-src="urlForVideo" type="video/mp4" /> </video> 我用来做这个的功能是： $( document ).ready(function() { let loadedVideos = $(".video-js"); let loadedSources = $(".source"); for (let i = 0; i <= loadedVideos.length - 1; i++) { let vidId = loadedVideos[i].id; loadedSources[i].src = loadedSources[i].dataset.src; videojs(vidId).load(); } } 加载页面时，我看到了第一帧，但在视频播放器和控制台中都出现错误，“找不到该媒体的兼容源”。我认为发生此错误的原因是，当页面最初加载时，视频标签没有来源。有没有办法让视频标签识别它现在有一个来源？ .load() 对我不起作用。我不会那样滥用 source ，视频 el 在 Video.js 初始化时已经处于错误状态。宁愿做更多像这样的事情 <video-js data-source="https://example.com/file.mp4" data-type="video/mp4" ... 使用 <video-js> 元素确保浏览器不会尝试加载任何视频，或者在准备好之前将 el 视为视频。 videojs(vidId).ready(function() { this.src({ src: this.el().dataset.source, type: this.el().dataset.type }); }); 一旦 Video.js 启动，使用它的 API 加载源。 load() 几乎从来没有必要，并且会引入问题，如果需要，Video.js 会在视频 el 上调用 .load()。

html video.js

回答 1 投票 0

Chrome 中的 Video.js 和 .ts 视频文件

我有一个 .ts 视频文件，Safari 中的播放器与它配合得很好，但在 Chrome 和 Firefox 中却没有。然后我安装 mpegts.js videojs-mpegtsjs，但出现以下代码错误： ... 我有一个 .ts 视频文件，Safari 中的播放器与它配合得很好，但在 Chrome 和 Firefox 中却没有。然后我安装 mpegts.js videojs-mpegtsjs，但出现以下代码错误： <template> <div :style="'background:#fff; min-width: 640px; aspect-ratio:1920/1070;'"> <video id="video-js-node" class="vjs-matrix video-js" controls width="640" preload="auto" data-setup='{ "aspectRatio":"1920:1080", "playbackRates": [1, 1.5, 2] }' > <source :src="'path/to/video.ts'" type='video/mp2t' /> </video> </div> </template> <script> import { defineComponent, ref } from 'vue'; import videojs from 'video.js' import 'videojs-mpegtsjs' videojs('video-js-node', { mpegtsjs: { mediaDataSource: { isLive: true, cors: false, withCredentials: false, }, }, controls: 'control', preload: 'auto', height: '505', }); export default defineComponent({ name: 'ArchivePlayer', setup(){ return { } }, }); </script> 也许你知道问题出在哪里？我也不太明白为什么样式无法连接到播放器

javascript vue.js video video.js

回答 0 投票 0

如何在 Video.js 中捕获 ChaptersButton 选择事件？

我在 video.js 项目中使用 .webVTT 文件来提供提示点访问（下图中的“章节”）。我通过相当简洁的 video.js 文档和网络进行了无休止的搜索，但我有......

javascript video video.js

回答 0 投票 0

Video js fill div without black behind video

我尝试使用填充模式，这就是我得到的。我想要的是视频的左右两侧没有黑色，因为控件也跨越 100%，但理想情况下它们与视频宽度相同，而不是 ...

javascript html css video.js

回答 2 投票 0

Videojs 以及 Nuevo 插件，无法自定义控制栏以仅显示全屏

这是 React 组件从“反应”导入反应；从“video.js”导入videojs； // 导入 "video.js/dist/video-js.css"; 导入“../nuevo/skins/shaka/video...