草庐IT

video-background

全部标签

javascript - HTML <select> 选中的选项 background-color CSS 样式

选择选项的“选定”颜色是否有样式?例如:Test1Test2Test3Test4Test5Test6Test7当我选择一个选项时它变成蓝色,我想覆盖它并且使它成为不同的颜色。在我期待的风格中“选择颜色”,但它不存在。 最佳答案 使用纯CSS可能无法做到这一点。但是,一点javascript就可以很好地完成它。一种粗略的方法-varsel=document.getElementById('select_id');sel.addEventListener('click',function(el){varoptions=this.chil

html - CSS 转换 : fade background color, 重置后

我有一个div列表,并允许我的用户通过发布新内容动态添加一个新的div。如果用户发布新内容,我想通过将新div的背景颜色淡化为另一种颜色并淡化回来,在屏幕上突出显示它。我很接近:http://jsfiddle.net/pUeue/1953/我正在使用这个CSS来触发转换:.backgroundAnimated{background-color:#AD310B!important;background-image:none!important;-webkit-transition:background-color5000mslinear;-moz-transition:backgroun

css - HTML5 中的 canvas/video/audio 元素下方有 4px 的间隙

使用HTML5时,如果将canvas/video/audio/svg元素放在div,这些元素下方会有一个4px的空隙。我在几乎所有支持HTML5的浏览器中测试了下面的代码,不幸的是它们都有同样的问题。Bug 最佳答案 这是因为它们是具有可调整大小的height的内联元素(大多数inline元素不能显式调整大小)。如果您将它们设置为display:block;,差距就会消失。您还可以设置vertical-align:top;来获得相同的结果。演示:http://jsfiddle.net/ThinkingStiff/F2LAK/HTML

video - html5 : display video inside canvas

是否可以将html5视频显示为Canvas的一部分?基本上与在Canvas中绘制图像的方式相同。context.drawVideo(vid,0,0);谢谢! 最佳答案 varcanvas=document.getElementById('canvas');varctx=canvas.getContext('2d');varvideo=document.getElementById('video');video.addEventListener('play',function(){var$this=this;//cache(funct

html - CSS '' background-color“属性不适用于 <div> 内的复选框

标题几乎解释了它。我在可滚动的div中有几个复选框。但由于某些原因,'background-color'属性不起作用。虽然'margin-top'似乎确实有效......只是让我感到困惑,为什么一个属性可以起作用而另一个属性不起作用。它也不像div有自己的一组背景颜色属性,这些属性可能会覆盖复选框属性。无论如何,下面是我的HTML(由JSP生成):item1item2item3item4...这是我的CSS:.listContainer{border:2pxsolid#ccc;width:340px;height:225px;overflow-y:scroll;margin-top:2

video - HTML 5 <video> 标签和网络摄像头集成的状态如何?

尽管它似乎处于某种危险之中,但开放视频标准是一个好主意。我看到了一些关于运动跟踪的演示——只是概念验证,但仍然很有趣。现在,我要说的是,如果可以访问用户的网络摄像头,像这样的概念真的会是一个收获……想象一下在半空中用手浏览Flickr。p>我用Google搜索了一下,但找不到关于该主题的任何详细讨论。它在某些地方被提及,但这并没有让我走得太远。有人知道是否计划对此提供支持吗?如果是,对“何时”有任何预测吗?;-)当然,我想他们必须为它设计一个非常好的安全模型.. 最佳答案 好吧,仍然没有明确、明确的答案,所以我继续并采取了一些行动。

video - HTML5 视频 : Force abort of buffering

如何在HTML5视频上强制中止事件?我有一个叠加层,当我关闭它时,视频应该暂停播放,然后停止缓冲。但是,我的互联网连接继续出现问题。哦,我在MacOSX10.6上使用Chrome7.0.5。我已经尝试了一些东西——它们都没有用:(对于那些不熟悉XUI的人,x$就像jQuery包装函数)首先,调度一个中止HTML事件:varvideoEl=x$('#video_el')[0];videoEl.pause();varevObj=document.createEvent('HTMLEvents');evObj.initEvent('abort',false,false);videoEl.di

html - 为什么内联 "background-image"样式在 Chrome 10 和 Internet Explorer 8 中不起作用?

为什么followingexample在Firefox4中显示图像,但在Chrome10和InternetExplorer8中不显示图像?HTML:CSS:div{width:60px;height:60px;border:1pxsolidblack;}有什么解决方法吗? 最佳答案 正如c-smile提到的:只需要删除url()中的撇号:Demohere 关于html-为什么内联"background-image"样式在Chrome10和InternetExplorer8中不起作用?,我

jquery - 我可以淡入背景图像吗(CSS : background-image) with jQuery?

我有一个div元素,里面有文本和一张背景图片,这是通过CSS属性background-image设置的。是否可以通过jQuery淡入背景图像?div{background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url(http://upload.wikimedia.org/wikipedia/commons/8/84/Konqi_svg.svg);border:1pxsolid#666;height:10em;}Text编辑我做了一个fiddle举例说明我

flash - HTML 5 <video> 标签与 Flash 视频。优缺点都有什么?

重要更新这个问题是9年前提出的。那时说得通,现在说不通了。Flash很难退出市场;支持无处不在,包括移动设备。Flash可以做的几乎所有事情,HTML现在也可以做。HTML赢了,Flash输了。如果您正在考虑如何在您的页面中嵌入视频,只需使用不要再想了。此问题仅出于历史值(value)而保留。原始问题好像是新的标签是最近所有的炒作,特别是因为Firefox现在支持它。这消息在各地的博客中不断涌现,每个人似乎都很兴奋。但是呢?尽管我进行了多次搜索,但我找不到任何可以使它比优秀的旧Flash视频更好的东西。事实上,我只看到它的问题:所有浏览器开始支持它还需要一段时间,而大多数人升级还需要更