video.js相关内容

多个响应式 video.js 播放器

我正在使用这个解决方案,http://daverupert.com/2012/05/making-video-js-fluid-for-rwd/,使 videojs 播放器流畅.我的问题是当我有多个视频(每个视频都有一个唯一的 ID)时,我不知道如何使它工作. 这是我的开发网站,我有 3 个视频,http://tweedee.e-mediaresources.info/ 这是我为播放器 ..
发布时间:2021-09-17 20:07:42 前端开发

添加自定义 Video.js 控制栏按钮

我已经在 video.js 上工作了一天,所以当涉及到这些东西时,我是一个真正的新手今天我只想添加一个可以在两个视频之间切换的按钮.我在 jQuery 中快速轻松地做到了.但我更愿意用 javascript 来更好地理解 video.js 作为一个整体. 到目前为止完成: 1.我已经从 github 下载了最新版本的 video.js. 2.播放器运行良好. 3.通读指南. 4.尝试 ..
发布时间:2021-09-17 20:01:51 前端开发

将多个缩略图精灵与 Video.js 缩略图一起使用

我正在尝试使用 Video.js Thumbnails 在悬停时显示搜索预览缩略图在我的 Video.js 播放器轨迹栏上.我已经使用 ffmpeg 从我的视频中提取缩略图到精灵表.每个精灵表都包含一定数量的缩略图,当缩略图提取过程中一个缩略图被填满时,就会创建一个新的精灵文件. 在我的视频播放器页面上,我使用 javascript 创建一个对象以加载到缩略图 () 函数中.如果我想要每五秒 ..
发布时间:2021-09-07 19:15:41 前端开发

适合 div 的 video.js 大小

我在 div 中有一个 video,宽度为 40%.在 html 中, width="100%" height="auto" 使视频消失.以像素为单位设置特定大小将不适合 div.将 html 留空会使视频大小错误,并且两侧带有黑条. 我已经尝试了大多数其他帖子中的建议,但似乎无法让它发挥作用. ..
发布时间:2021-06-15 18:52:14 其他开发

如何更改视频方向

我目前有一个iPhone应用程序,可以让用户拍摄视频并将其上传到服务器,并允许其他人从该应用程序观看他们的视频.在我创建一个网站来查看不同的视频之前,视频的方向从来没有问题(以及其他内容). 我使用来自Web服务的视频,并使用videojs将它们加载到ajax中,但是每个视频都向左旋转90度.从我所阅读的内容来看,听起来好像可以在iOS中读取方位信息,但不能在网站上读取.在发送到服务器之前, ..
发布时间:2021-05-17 19:10:21 移动开发

使用video.js更改视频播放速度

是否有任何现有的插件可以使用video.js播放器更改视频的播放速率?如果没有,我该如何为其添加新插件和新控制按钮? 谢谢. 解决方案 我遇到了同样的问题.我刚刚发现: videojs('my-player',{播放率:[0.5、1、1.5、2]}); 请参见 videojs文档 ..
发布时间:2021-05-15 18:34:23 其他开发

VideoJS HTML5 Video JS如何将音量提高到最大值以上?

可能对此没有解决方案,但我想我还是会打听.有时视频确实很安静,如果我相应地调高计算机的音量,结果其他声音会变得太大.能够将音量提高到最大值会很好. 我在Google上进行了一次搜索,从字面上什么都没有发现,实际上甚至没有与videojs相关的结果.Mac上的某些视频几乎处于最大音量,无法很好地听到视频的讲话,因此从所有较低的音量开始并进行相应调整是不可行的. 我尝试过: var v ..
发布时间:2021-05-14 20:15:13 前端开发

在chrome上看不到HLS视频|Video.js

我正在尝试使用video.js在我的wordpress网站上播放HLS视频.我可以听到音频,但看不到视频.知道为什么会这样. 我尝试了其他链接(例如此),并且视频可见.但是,就我而言,我的视频都看不到.请注意,数据位于S3上,具有公共访问权限. 我的代码是: ..
发布时间:2021-05-12 19:03:16 前端开发

使用addTextTrack()动态更改video.js字幕

我正在尝试构建诸如视频库之类的东西,您可以通过单击其缩略图来选择要显示的视频.现在,我处于为所选视频加载适当的字幕的阶段.多亏了谷歌,我知道videojs有一个可以帮助我的方法addTextTrack(),但是不幸的是没有一个好的示例或文档.毕竟,我试图通过阅读video.dev.js代码来找到其参数和行为.但是据我了解,此方法只有三个参数(种类,标签,语言),而我不了解的是:如何设置src来加载 ..
发布时间:2021-05-03 18:59:34 前端开发

Angular2与video.js错误没有兼容的源

VIDEOJS:错误:(代码:4 MEDIA_ERR_SRC_NOT_SUPPORTED)找不到与此视频兼容的信号源. 我正在尝试在angular 2项目中播放视频.这是我的代码: 从'angular2/core'导入{Component,ElementRef,OnInit,OnDestroy};@零件({选择器:"my-app",模板: ..
发布时间:2021-04-06 19:50:51 其他开发

Angular 9中的视频JS-实时视频-'无法解决videojs'问题?

我正在努力让videojs在我的angular 9应用程序中工作.我已经查看了所有exisitng stackoverflow帖子,应用了它们的解决方案,查看了不同的博客帖子和github,以了解视频js的问题,但是我仍然遇到“无法解决videojs"的问题. 我希望它能正常工作,因为查看页面的个人可以开始录制自己的视频. 有人可以请教吗?请在下面查看我的代码@ 我的packag ..
发布时间:2021-04-06 19:48:48 前端开发

在iOS浏览器中流式传输AWS S3 HLS视频

如何在iOS Safari浏览器中流式传输HLS(.m3u8)?我的视频存储在AWS S3存储桶中,访问视频和音频 .m3u8 的唯一方法是传递签名的URL. 我正在使用 videojs 来流式传输视频. videojs.Hls.xhr.beforeRequest 在iOS浏览器上不起作用.我还读到iOS不支持MSE,是否可以使用其他方法来传递签名的URL,以便能够在iOS浏览器上流式传输我 ..
发布时间:2021-04-03 19:40:31 移动开发

在videojs播放器上正确包含可拖动标记

我正在使用javascript和videojs,并且在前端开发方面相对较新.我目前正在一个项目中,我希望允许用户通过使用videojs搜寻栏上的可拖动标记来指定视频中的点.我从以下位置找到了videojs标记库: https://github.com/spchuang/videojs-markers 并且对其createMarkers()函数进行了简单的修改,以创建可拖动的标记而不是永久标记. ..
发布时间:2021-02-13 18:46:17 前端开发

如何检测iOS离开全屏视频?

如何检测iOS上的视频何时关闭?我正在运行videojs,它将HTML5视频作为本机视频播放器启动.为了做出正确的反应,我想在关闭本机播放器时得到一个事件. 这里有几个与此类似的问题,但没有一个答案起作用. 我尝试过的第一个解决方案: player.addEventListener('webkitendfullscreen', onVideoEndsFullScreen, fal ..
发布时间:2020-12-01 02:44:20 移动开发