国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

視頻全屏彈幕實(shí)現(xiàn)

mumumu / 3153人閱讀

摘要：該文章短小精悍問(wèn)視頻全屏后如何加彈幕答了解一下如果你沒(méi)有領(lǐng)會(huì)我的意思，我可以手摸手帶你擼一遍視頻全屏遇到的問(wèn)題最近在搞給視頻加個(gè)花邊的東西用的在全屏的時(shí)候?yàn)g覽器會(huì)把視頻層級(jí)提高也有同樣的問(wèn)題，重點(diǎn)是并不草理你的，大家玩玩就懂我的意思了。

該文章短小精悍
問(wèn)？視頻全屏后如何加彈幕
答：了解一下 screenfull; pointer-events: none;
(如果你沒(méi)有領(lǐng)會(huì)我的意思，我可以手摸手帶你擼一遍)

視頻全屏遇到的問(wèn)題
最近在搞給視頻加個(gè)花邊的東西用的 Flash,在全屏的時(shí)候?yàn)g覽器會(huì)把視頻層級(jí)提高(H5也有同樣的問(wèn)題)，（重點(diǎn)是 Flash 并不草理你的DOM，大家玩玩就懂我的意思了。）導(dǎo)致全屏后通過(guò)position定位的花邊位于了視頻下方，簡(jiǎn)單的說(shuō)花邊在視頻全屏的時(shí)候不展示

處理問(wèn)題的過(guò)程
最開(kāi)始用的是非常常規(guī)的想法，如何在視頻全屏的時(shí)候降低視頻的層級(jí)，使我需要的div塊位于視頻上方。然后嘗試了各種方法，結(jié)果被制裁的服服帖帖的，大家可以去搞搞。其實(shí)仔細(xì)思考我要做的就是類似于彈幕的東西，咦～～B站怎么實(shí)現(xiàn)的。

別人家的彈幕
B站肯定是拿不到源碼的啦，縷他控制臺(tái)的資源，element，style。人家確實(shí)全屏的時(shí)候?qū)崿F(xiàn)了，彈幕
寫的DOM結(jié)構(gòu)，和CSS樣式并不復(fù)雜，全屏無(wú)外乎全屏的時(shí)候給DOM加了一個(gè)樣式而已。我也照著試了不行。

WEY？

4.錯(cuò)在了哪里

這個(gè)問(wèn)題如果思路錯(cuò)了就是個(gè)死胡同。所以我在找問(wèn)題的時(shí)候趟了很多坑。思路錯(cuò)在我不應(yīng)該使用視頻的全屏，敲黑板！劃重點(diǎn)啦！不要使用視頻的全屏！（解決了問(wèn)題的時(shí)候才幡然醒悟），然后發(fā)現(xiàn)了個(gè)賊有意思的東西。[screenfull][3]。不知道B站他們?cè)趺赐娴模俏矣眠@個(gè)實(shí)現(xiàn)了。這個(gè)東西做了一個(gè)事情讓你瀏覽器的DOM鋪滿全屏。歐？～～～

5 實(shí)現(xiàn)它
DOM

Script

CSS

去我的代碼里找你需要的東西吧。

6.pointer-events是啥？彈幕呢？

pointer-events 是一個(gè)CSS屬性做點(diǎn)透的時(shí)候用的，如果你有一個(gè)彈幕層在Video上邊你會(huì)需要到她的。彈幕呢，沒(méi)有。好多人都已經(jīng)實(shí)現(xiàn)了好不好，這個(gè)你還是去問(wèn)問(wèn)[百度][5]或者[必應(yīng)][6]吧。

GitHub 地址 https://github.com/Gao-Fan/vi...

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/54842.html

相關(guān)文章

  • 視頻全屏彈幕實(shí)現(xiàn)

    摘要：該文章短小精悍問(wèn)視頻全屏后如何加彈幕答了解一下如果你沒(méi)有領(lǐng)會(huì)我的意思，我可以手摸手帶你擼一遍視頻全屏遇到的問(wèn)題最近在搞給視頻加個(gè)花邊的東西用的在全屏的時(shí)候?yàn)g覽器會(huì)把視頻層級(jí)提高也有同樣的問(wèn)題，重點(diǎn)是并不草理你的，大家玩玩就懂我的意思了。 該文章短小精悍問(wèn)？視頻全屏后如何加彈幕答：了解一下 screenfull; pointer-events: none;(如果你沒(méi)有領(lǐng)會(huì)我的意思，我可以...

    BDEEFE 評(píng)論0 收藏0

  • HTML5彈幕視頻播放器

    摘要：考慮到只適合在單位時(shí)間內(nèi)繪制少量彈幕，這對(duì)于我們播放器來(lái)說(shuō)明顯是不合需求的。比如說(shuō)直播播放器模式和視頻播放器模式的優(yōu)化細(xì)節(jié)又有點(diǎn)不一樣，還有高級(jí)彈幕的處理圖片，圖形等。。 前言 大家年前好，馬上就要元旦了，在很久沒(méi)有寫文章之后，想到這篇文章將會(huì)成為本人今年的絕響也是有點(diǎn)蛋疼。不過(guò)也好，畢竟本人算不得什么勤快的生物，而且比起那些大神來(lái)說(shuō)也差遠(yuǎn)了，就作為自己工作半年后的一次沉淀算了。 文中...

    happyfish 評(píng)論0 收藏0

  • HTML5彈幕視頻播放器

    摘要：考慮到只適合在單位時(shí)間內(nèi)繪制少量彈幕，這對(duì)于我們播放器來(lái)說(shuō)明顯是不合需求的。比如說(shuō)直播播放器模式和視頻播放器模式的優(yōu)化細(xì)節(jié)又有點(diǎn)不一樣，還有高級(jí)彈幕的處理圖片，圖形等。。 前言 大家年前好，馬上就要元旦了，在很久沒(méi)有寫文章之后，想到這篇文章將會(huì)成為本人今年的絕響也是有點(diǎn)蛋疼。不過(guò)也好，畢竟本人算不得什么勤快的生物，而且比起那些大神來(lái)說(shuō)也差遠(yuǎn)了，就作為自己工作半年后的一次沉淀算了。 文中...

    OBKoro1 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<