修改viedo默认的播放条样式,不是自己模拟播放条!!!

 我自己写了一个视屏播放页面:<br/>

http://img.mukewang.com/5971744c0001657c11320641.jpg

 我将浏览器中默认的播放条隐藏了:<br/>

http://img.mukewang.com/5971747900012d5116801050.jpg

 然后我自己模拟了一个播放条:<br/>

http://img.mukewang.com/597174b60001122c11010109.jpg

 这一切都很成功<br/>

但是<br/>

 当视屏全屏的时候<br/>

 我也将视屏的播放条隐藏了<br/>

 隐藏之后我想把我自己模拟的播放条放在视屏的上方<br/>

 然后就没有办法实现<br/>

 然后我就跑到慕课网<br/>

 看到慕课网的视屏播放页面,我靠<br/>

 全屏情况下是有一个播放条的<br/>

 然后我就怀疑你们是不是更改了各个浏览器的默认的播放条的样式<br/>

<span style="color:#f00;font-size:30px;"><br/>

 然后我就去百度上搜索“怎么修改viedo默认播放条样式”

 这个问题下的答案全部是,只说了自己模拟播放条,没有讲怎么在全屏情况下也出现一个跟自己模拟的一样的播放条

</span>

 然后,我就想问问慕课网的大佬们<br/>

 你们慕课网的视屏播放页的viedo在全屏情况下是怎么做的播放条<br/>

 如果是通过修改浏览器对viedo的默然样式的话,那么有什么可以参考的地方嘛<br/>

<span style="color:#f00;font-size:40px">我的意思不是说自己怎么模拟一个播放条,怎么调用video对象提供的API,而是怎么在视屏全屏情况下也能自己自定义视屏的播放条,并且显示在全屏视屏播放的上方,我觉得这不大可能,但是,能不能修改默认的,这个默认的就是viedo自带的播放条,修改video自带的播放条的样式,各个浏览器对video的自带的默认样式实现的都不同,如果你们不理解我问的问题是什么意思,可以随意打开一个慕课的视屏,切换到html的模式下,就是video的方式播放视屏,然后你们全屏,看看在你的电脑的最下方是不是有一个播放条,而这个播放条是不是跟浏览器对video实现出来的样式不一样,</span>

我的问题是:慕课网的video是怎么实现在全屏观看视屏的情况下,还能显示一个播放条?


沈流舒
浏览 2618回答 2
2回答

李晓健

用html播放时,慕课网的视频控制条也是模拟的,全屏时也是模拟的。如果是flash播放的,里面的所有样式都是可以自己写的。
打开App,查看更多内容
随时随地看视频慕课网APP