HTML5视频在IE和Edge中变黑

时间:2017-08-29 07:52:22

标签: html5 internet-explorer video html5-video

独立合成似乎不适用于我的视频渲染过程。我的广告也被打破了。它们仍然是黑色并出错:

  

视频渲染禁用独立合成。这个可以   对绩效产生负面影响

我正在使用GoogleIMA SDK。

来自MSDN

  

HTML5视频标记是明确定位的元素   独立构成。独立渲染和编写HTML5   视频可实现快速流畅的媒体播放体验。

我不知道为什么这不起作用,这是一个错误吗?

2 个答案:

答案 0 :(得分:1)

我不确定这是一个错误还是故意以这种方式完成(不确定,因为从独立渲染中删除视频非常奇怪)。 但我知道如何解决这个问题。修复它的方法是在<video>元素上查找CSS动画/变换。这些通常怀疑<video>元素被踢出独立渲染。

希望这有帮助!

答案 1 :(得分:0)

对于那些像我一样在Google搜索中徘徊的人,但标记的答案不能解决您的问题


如果// General Focus Hook const useFocus = (initialFocus = false, id = "") => { const [focus, setFocus] = useState(initialFocus) return ([ (newVal=true) => setFocus(newVal), { autoFocus: focus, key: `${id}${focus}`, onFocus: () => setFocus(true), onBlur: () => setFocus(false), }, ]) } const data: [{ name: "abc" },{ name: "def" }] const TestRef = () => { const focusHelper = data.map( (_,i) => { const [setFocus, focusProps]= useFocus(false, i) return {setFocus, focusProps} }) return ( <div> {data.map( (o,i) => ( <Hello placeholder={o.name} {...focusHelper[i].focusProps} />; ))} <button onClick={() => focusHelper[0].setFocus()}>focus input 1</button> <button onClick={() => focusHelper[1].setFocus()}>focus input 2</button> </div> ); } 元素上没有动画,但是仍然出现此错误,请确保没有

<video>

具有这种风格的属性也可能破坏Edge,解决方案是删除此属性或为Edge不久消失而祈祷。