草庐IT

video-background

全部标签

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"禁用加载

javascript - background.html 与 background.js - chrome 扩展

我真的很困惑。我想了解chrome扩展的文件架构。我正在阅读此文档:https://developer.chrome.com/extensions/overview#arch我的情况:我想设置oauth流程,以便用户可以在扩展中登录(另一个端点是我的django后端)。到目前为止,我有这些文件:background.jscontent.jspopup.htmlmanifest.json我的content.js将消息发送到background.js并获得响应。到目前为止一切顺利!但是现在在阅读oauth文档时,我很困惑不知道background.html是什么。它实际上是应该包含我的ba

html - 带边框半径的线/边框,溢出 :hidden and colored background

请看这个JSFiddle:https://jsfiddle.net/fmhhg00d/3/•div{width:500px;height:500px;background:blue;overflow:hidden;border-radius:50%;/*-->Removethisandit'salright*/}span{line-height:0.20;font-size:2500px;color:white;}Seetheproblemhere简而言之,当我在父级上使用overflow:hidden和border-radius时,Chrome/Edge/Firefox都留下一个小的

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叠加

javascript - VueJS v 绑定(bind) :style for background-image: url()

根据VueJS文档:我尝试了几种模式:但结果对HTML无效style属性。有什么想法吗? 最佳答案 尝试其他模式后,这是有效的模式:结果: 关于javascript-VueJSv绑定(bind):styleforbackground-image:url(),我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/40666716/

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

Android WebView HTML5 Video Spawns MediaPlayer 永远存在于 Samsung S4 [找到黑客答案]

据我所知,这似乎是最新的三星设备所特有的。S4将执行此操作。Nexus7不会。如果带有WebChromeClient的WebView开始播放HTML5视频,它会创建一个MediaPlayer实例。视频结束后,似乎没有办法通过System.exit(0)杀死MediaPlayer。这是我的整个MainActivity.javapackagecom.test.webviewtest;importandroid.app.Activity;importandroid.os.Bundle;importandroid.webkit.WebChromeClient;importandroid.web