草庐IT

live-video

全部标签

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流媒体视频-这可

Jquery .live() 不适用于 HTML5 视频事件

我在与HTML5视频的ended事件交互时遇到问题。问题是标签是使用lightbox-clone插件动态添加到页面的,我不能使用绑定(bind)来获取ended事件。尝试使用live()但也没有用。我当然可以将“点击”用作事件,但播放、暂停和结束都不起作用。尝试过delegate,但没有成功。代码看起来像这样(我使用了Stackoverflow上其他地方发布的解决方案):$("video").live("play",function(){alert("Itmoves!");});使用bind有预期的效果,但它不会影响弹出容器内的video标签。HTML是标准的标签包裹在一个div中,但

iphone - 适用于 iPhone 的 Http Live Streaming 以及我们使用 .m3u8 文件的原因

我已经完成了所有This我还制作了.ts和m3u8文件。在本地服务器和实时服务器中,我可以像这样播放mp4文件但我在播放.m3u8文件时遇到问题我的mediafilesegmenter创建了两个.ts文件和一个.m3u8文件。我的m3u8文件是#EXTM3U#EXT-X-TARGETDURATION:10#EXT-X-VERSION:4#EXT-X-MEDIA-SEQUENCE:0#EXT-X-PLAYLIST-TYPE:VOD#EXT-X-I-FRAMES-ONLY#EXTINF:1.0117,#EXT-X-BYTERANGE:8084@376fileSequence0.ts#EXT

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

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

javascript - Android video.duration 直到 video.play() 才会加载

我有一个html5视频,我试图在播放期间的特定时间间隔设置回调。使用video.play()从javascript开始播放视频。现在我的代码监听'loadedmetadata'事件,然后查询持续时间并设置这些回调。在移动版Safari上运行良好,但在Android(2.3.4和2.3.7)上运行不佳。在Android上,'loadedmetadata'似乎在持续时间实际可用之前发出。为了对此进行测试,我在我的代码中记录了加载过程的每一步的持续时间,以查看可以实际读取它的位置。在video.play()之前和一个'timeupdate'事件之后,video.duration属性为6000