草庐IT

mpeg2video

全部标签

HTML5 <video> 元素 - 缓冲大小,快速启动视频

有什么方法可以指定元素的缓冲数据大小?是否在某个地方指定了浏览器需要缓冲多少数据/秒?我问是因为我们需要尽快显示视频,即使这意味着将缓冲区大小削减到绝对最小值......我们不使用任何流媒体协议(protocol)(例如HLS)。这是一个大视频文件的简单渐进式下载...谢谢斯特恩 最佳答案 您目前不能更改浏览器的缓冲区大小在视频元素对DOM可用后,只需执行以下操作(即使用jQuery的onLoad函数来运行它)myVideo=document.getElementById("myVideoId");myVideo.load();my

javascript - IOS Safari 中的 HTML5 : Manually "playing" a video inside a canvas,

所以,这就是我想要做的:我想将视频加载到视频元素中,但不是以“正常”方式播放。使用根据电影的帧率计算的时间间隔,我希望在每次迭代时一个。手动将视频推进一个“帧”(或尽可能接近该帧)。B.将该框架绘制到Canvas中。从而使视频在Canvas内“播放”。这是一些代码:varvideoDom=document.querySelector("#mainVideo");varvideoCanvas=document.querySelector("#videoCanvas");varvideoCtx=null;varinterval=null;videoDom.addEventListener(

javascript - VideoJS : Can't click on elements that are on top/overlay of the video

我正在使用VideoJS和Angular4,我需要在视频上添加一些自定义叠加层。我成功地创建了所有叠加层并将它们连接到Angular组件上的事件。除了全屏显示外,它工作得很好。当我全屏播放视频时,叠加层消失,我只能使用默认播放器按钮。所以我在叠加层上添加了一个大的z-index,它们开始出现。但是每当我点击它们时,什么也没有发生。根据CSS,甚至光标都不会更改为指针。我已经尝试过各种东西,比如videojs覆盖插件,但这不起作用,因为它不允许我将Action与元素相关联。我试过将覆盖内容放在视频标签内,但随后它就完全消失了。我尝试通过ChromeDevTools网络检查器并手动删除正在

html - 在 <p> 标签中嵌入 <video> 标签会破坏 chrome 和 firefox 中的 <video> 标签

我在HTML5video标签中发现了这个问题,这让我很困惑。如果我在段落标签中嵌入视频标签,它会在某些浏览器中停止正常工作。任何人都可以对此有所了解吗?视频标签有点棘手,所以这个问题需要解释一下。为了说明这一点,这里有一个您可以运行的HTML5页面。它使用来自Microsoft网站的方便的.mp4测试视频:videowithnoparaThesewordsandthebuttonbelowshouldnotbevisibleinanHTML5browser一个HTML5video标签可以有一个或多个source标签,每个标签提供某种格式的视频。浏览器将显示一个它可以处理的视频。为了应对

javascript - 如何使用 HTML5 video 标签防止 CPU 使用率过高?

我正在尝试使用HTML5视频标签同时预加载20个视频"class="video-jsvjs-default-skin"loopautoplay="none"width="640"height="360">此视频作为模板位于Bootstrap的弹出窗口中。为了使这些视频自动播放,我正在使用正在监听鼠标悬停事件的videoJS我的CPU使用率很高,尤其是在Chrome上。 最佳答案 尝试删除autoplay="none"。您不需要为该属性设置任何值。目前video标签读取autoplay并再现视频。基本上它忽略了值。http://vid

javascript - HTML5 video.currentTime 设置不正确

我有一个HTML5网页示例functionlog(msg){console.log(msg);}$(document).ready(function(){varvideo=document.getElementById("video");video.load();video.addEventListener('loadedmetadata',function(){video.currentTime=95.061728395;});});Yourbrowserdoesnotsupportthisvideo.手动设置视频标签的currentTime属性,但它正在寻找与我使用OpenCV/m

html - 是否可以在不重置 DOM 的情况下移动 <video> 元素?

我想创建一个我的DOM中的元素,然后将其移动到另一个位置而不中断该内容的播放。也许更广泛地说,是否有可能在不中断附加事件的情况下移动任何DOM元素?一些方法包括使用CSS绝对定位,但有没有一种方法可以在不中断播放的情况下实际更新DOM? 最佳答案 不幸的是没有。DOM并没有真正的移动概念,您只需要分离和重新附加即可。一旦DOM节点不再以文档为根,它就会失去播放状态。您可以通过将它存储在JS中并重新应用它来稍微保留它,但这可能会引入一些跳过。 关于html-是否可以在不重置DOM的情况下移

html - Video.js 在某些未知参数下破坏 IE9 和 IE10

几个月来,我一直在用头撞table,试图找到解决这个问题的方法。最大的问题是它只在特定情况下才会出现。自modern.ie启动并发布了IE10我重新搜索了答案。我运行的是Win764位,目前使用的是最新的IE10(10.0.9200.16521)。当我加载一个安装了video.js的站点时,它在标准模式下失败。但可以在怪癖模式下与Flash一起使用。以各种方式删除video.js可以使用IE10的HTML5功能加载视频。这甚至实际发生在videojs.com主页上。到目前为止,我已经尝试了来自其他位置的以下建议...使用完整路径而不是相对URL。改为preload="none"禁用加载

video - HTML5 流媒体视频 - 这可能吗?

是否可以使用HTML5的video标签并将其连接到RMTP流?谢谢。 最佳答案 没有。尽管HTML5视频规范并未定义应使用何种编解码器,但目前浏览器仅支持H.264和WebM。RTMP使用不同的编解码器,所以不,截至2010年第3季度,任何浏览器都不支持它。(此外,RTSP是一种在HTTP旁边工作的协议(protocol),而不是在HTTP之上。RTSPT(“RTSPoverHTTP”)在理论上可以在将来或通过某种插件得到支持,但不太可能发生) 关于video-HTML5流媒体视频-这可

html - 在 Chrome 中为 <video> 标签添加边框半径

我已经看到这个问题弹出了几次,但没有任何明确的解决方案。我正在加载一个简单的视频到我的页面上。该视频在跨浏览器上运行良好且播放良好(未显示此问题的所有格式设置,因为它不相关)。然后我将border-radius应用于视频标签。这有效,但在Chrome中除外。我什至可以拉起控制台并查看应用于视频标签的边框半径,但它不会呈现边框半径。有人熟悉这个问题吗?我读到这是Chrome中的一个错误,但我不确定它是否已经解决或者是否有解决方法? 最佳答案 我不确定,但我认为这就是“使用SVG”的含义:想法是创建一个与视频宽度和高度相同的HTML叠加