繁体   English   中英

video.js:是否适合缓冲区预加载和响应式全屏渲染?

video.js: good for buffer preloading and responsive fullscreen renderings?

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我现在这个问题是主观的。 希望它不会被关闭,因为坦率地说,我找不到此信息的任何其他来源(包括video.js文档)。 所以我尝试...

我想使用video.js ,我需要一个简单的背景视频。 我知道有简单的CSS方式,但是我还需要确保更好的播放效果,我想知道:video.js对此有帮助吗? 通过检查初始缓冲等,它是否可以确保某种优化的播放?

如果是的话,css将其全屏显示的方式是否有问题?

1 个回复

VideoJs被广泛使用并且是最受欢迎的视频开源平台。 这是非常困难的,因此在这里总结其优势和其他视频库的优势。 但是要解决您的特定问题

它有一个预加载选项,您可以指定和加载帧,媒体或任何元数据

videojs('my-player', {
  controls: true,
  autoplay: false,
  preload: 'auto'
});

CSS是高度可定制的,只需很少的工作。 请参见以下示例。

https://codepen.io/heff/pen/wtrHL

希望这会有所帮助。

1 HLS 播放器:单击时清除 video.js 缓冲区

我有两个实时视频提供一个创建 H.264 块文件的编码器和一个由 apache Web 服务器提供的 HLS 清单。 使用video.js的浏览器页面显示了一个播放器。 在浏览器上按“播放”可以正确播放视频。 它运作良好。 但是,如果我们更改视频源(通过翻转下图中的开关),在新内容显示在播放器之 ...

2 Video.js无法从节点HTTP服务器的缓冲区行中找到FLV

我想制作一个支持flv的播放器,因此必须通过节点http服务器流式传输视频文件。 对于mp4,它可以完美运行。 但是,我不知道为什么,对于flv,当我单击缓冲区行之间时,浏览器不会发送另一个请求。 该服务器基于使用Node.js将视频文件流式传输到html5视频播放器,以便视频控件可以继 ...

3 在video.js上,是否可以在播放现有视频时预加载视频(没有两个video.js实例)

我们正在使用video.js连续播放视频的播放列表。 有时,当视频结束并播放下一个广告或视频时,下一个广告或视频之间的缓冲时间可能会很长。 是否可以在现有视频播放时预缓冲/预加载下一个视频。 一种想法是使用一个单独的视频播放器并在它们之间来回交换,但这似乎很复杂。 有没有两个实例就可以做 ...

4 Video.js全屏样式

在示例中,使用Video.js for Youtube可以正常工作,但是在我的网站上,全屏显示效果不佳 。 全屏显示时,视频将向右移动。 这是我的代码: 在全屏模式下,这样看(视频移到右侧): ...

6 多个响应式video.js播放器

我正在使用这个解决方案http://daverupert.com/2012/05/making-video-js-fluid-for-rwd/ ,以使videojs播放器流畅。 我的问题是,当我有多个视频(每个都有一个唯一的ID),我不知道如何使这项工作。 这是我的开发网站,我有3个视频 ...

8 双击禁用全屏-Video.js

我正在使用Video.js在我的网站上播放视频,并希望禁用默认的双击以全屏显示。 我在文档中找到了这个,但是不确定如何实现。 我尝试将建议的代码放在main.js文件中,但我想我还需要做其他事情,因为那行不通? 这是我正在使用的简化的video.js代码: <!DOCTYPE html&g ...

9 Video.js全屏不起作用

我必须公开一个drupal网站,但是我无法修复最后一个错误。 如果您访问www(dot)actomedia(dot)com / dev / actomedia / 并单击菜单中的s-up图标,您将看到一个视频。 如果您播放开始并单击全屏图标,则覆盖将随视频一起消失。 您可以搜索 ...

10 Video.js进入全屏播放

我已经搜索了很长时间,但是仍然没有找到解决我问题的有效方法。 我似乎无法让视频播放器进入全屏状态。 该API确实有很多示例,但似乎没有一个起作用。 我当前正在处理的页面上包含的jQuery版本是1.8.2。 另外,我正在使用parallax-1.1.js和它正常运行所需的库,因此这可 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM