頻資源加載在瀏覽器的第二層,第二蒙版加載在瀏覽器的第三層,頁面內容加載在瀏覽器的第四層,第一層至第四層按順序疊加顯示在瀏覽器中,第一層為瀏覽器的最上層。需要說明的是,此處所指的瀏覽器加載的頁面內容是指頁面中被第一視頻的播放框所覆蓋區(qū)域的頁面內容,相應地,第一蒙版和第二蒙版的尺寸和在頁面中的位置也均與第一視頻播放區(qū)域相對應。與疊加順序相對應,在瀏覽器中顯示順序依次為第一蒙版、第一視頻的視頻資源、第二蒙版、頁面內容。在顯示第一視頻的視頻資源之前顯示第一蒙版是為了避免視頻加載時頁面出現黑屏,在第一視頻的視頻資源播放完畢后顯示第二蒙版是為了避免因第一視頻的視頻資源消失造成提取暴露頁面內容,因此,本發(fā)明實施例通過架加載第一蒙版和第二蒙版并設置在頁面中的疊加順序能夠解決相關技術在打開網頁頁面自動加載播放視頻時頁面出現黑屏現象影響用戶觀看體驗的技術問題,進而達到提高用戶觀看效果,提高用戶觀看體驗的技術效果。
[0043]作為一種可選地實施例,在步驟S16開始播放第一視頻的視頻資源時在瀏覽器中取消對第一蒙版的顯示可以包括:從在瀏覽器中開始加載第一視頻的視頻資源之后的第二預定時間點開始,在瀏覽器中取消對第一蒙版的顯示,其中,第一視頻的視頻資源在第二預定時間點之前或在第二預定時間點上開始播放。需要說明的是,該實施例中的第二預定時間點為根據網絡、視頻或者實際需求進行設定的時間點,在第二預定時間點取消對第一蒙版的顯示,開始播放第一視頻的視頻資源。需要說明的是,本發(fā)明實施例控制在第二預定時間點之前或者第二預定時間點第一視頻的視頻資源開始播放,能夠保證在第一蒙版取消顯示的時刻或者之前的時刻能夠播放第一視頻,進而能夠避免第一蒙版取消顯示后無法播放第一視頻造成頁面出現黑屏,達到提高用戶觀看體驗的效果。
[0044]作為一種可選地實施例,在瀏覽器中取消對第一蒙版的顯不之前,該實施例的在瀏覽器中播放視頻的方法還可以包括:根據第一視頻的文件大小,和/或,瀏覽器接收視頻資源的速度,和/或,瀏覽器加載視頻資源的速度來設置第二預定時間點與開始加載第一視頻的視頻資源的加載時間點之間的時間間隔。需要說明的是,該步驟是為了確定第二預定時間點,即第一蒙版在哪個時間點取消顯示。該步驟中綜合考慮了第一視頻的文件大小、瀏覽器接收視頻資源的速度、瀏覽器加載視頻資源的速度,使得第一蒙版取消顯示的時間更加精確,進而達到既不會因為第一蒙版取消顯示的時間過晚造成視頻播放不完全,也不會因為第一蒙版取消顯示過早造成頁面出現黑屏的問題,進而達到了提高用戶體驗的效果。需要說明的是,本發(fā)明實施例并未對確定第一蒙版取消顯示的時間所考慮的因素作具體限定,除了上述列舉的因素之外,還可以包括其他因素,此處不再一一舉例。
[0045]作為一種可選地實施例,在瀏覽器中顯示第一蒙版可以包括:在瀏覽器中的全部顯示區(qū)域或者視頻播放區(qū)域中顯示第一蒙版。對于頁面僅用于播放第一視頻的情況,第一蒙版可以在整個頁面的全部顯示區(qū)域顯示,對于頁面中除了播放第一視頻,還可以顯示其他內容的情況,第一蒙版可以在第一視頻播放區(qū)域顯示。需要說明的是,上述原則也同樣適用于第二蒙版。該實施例通過設置第一蒙版和第二蒙版的顯示區(qū)域與視頻播放區(qū)域相關,能夠達到既能保證第一蒙版和第二蒙版能夠副高第一視頻的播放區(qū)域,又能避免第一蒙版和第二蒙版覆蓋其他無需覆蓋的頁面內容的目的,進而使得本發(fā)明實施例更符合實際使用需求,進而達到提高用戶使用體驗的效果。
[0046]本發(fā)明實施例還提供了一種優(yōu)選實施例,圖3是根據本發(fā)明一種優(yōu)選實施例的在瀏覽器中播放視頻的方法的流程圖,如圖3所示,該優(yōu)選實施例可以包括以下步驟:
[0047]步驟S22,接收第一視頻的加載請求。
[0048]步驟S24,加載并顯示第一蒙版。
[0049]步驟S26,開始加載第一視頻,同時并列執(zhí)行以下步驟:
[0050]步驟S262,加載第一視頻的視頻資源;
[0051 ]步驟S264,加載第二蒙版;
[0052]步驟S266,開始計時,得到第一蒙版取消顯示的時間點;
[0053]步驟S268,開始計時,得到第二蒙版取消顯示的時間點;
[0054]需要說明的是,在步驟S264之后執(zhí)行步驟S265,加載頁面內容;在步驟S266之后執(zhí)行步驟S267,取消第一蒙版顯示開始播放第一視頻;在步驟S268之后執(zhí)行步驟S269,取消第二蒙版顯示。
[0055]通過該優(yōu)選實施例,可以看出,在加載視頻資源的同時該優(yōu)選實施例還同時執(zhí)行加載第二蒙版,計時以得到第一蒙版取消顯示的時間點,計時以得到第二蒙版取消顯示的時間點。第一蒙版取消顯示的時間點到達時,取消對第一蒙版的顯示并開始播放第一視頻,當第二蒙版取消顯示的時間點到達時,取消對第二蒙版的顯示。需要說明的是,第二蒙版取消顯示后顯示加載的頁面內容。
[0056]需要說明的是,對于前述的各方法實施例,為了簡單描述,故將其都表述為一系列的動作組合,但是本領域技術人員應該知悉,本發(fā)明并不受所描述的動作順序的限制,因為依據本發(fā)明,某些步驟可以采用其他順序或者同時進行。其次,本領域技術人員也應該知悉,說明書中所描述的實施例均屬于優(yōu)選實施例,所涉及的動作和模塊并不一定是本發(fā)明所必須的。
[0057]通過以上的實施方式的描述,本領域的技術人員可以清楚地了解到根據上述實施例的方法可借助軟件加必需的通用硬件平臺的方式來實現,當然也可以通過硬件,但很多情況下前者是更佳的實施方式?;谶@樣的理解,本發(fā)明的技術方案本質上或者說對現有技術做出貢獻的部分可以以軟件產品的形式體現出來,該計算機軟件產品存儲在一個存儲介質(如R0M/RAM、磁碟、光盤)中,包括若干指令用以使得一臺終端設備(可以是手機,計算機,服務器,或者網絡設備等)執(zhí)行本發(fā)明各個實施例所述的方法。
[0058]實施例2
[0059]根據本發(fā)明實施例,還提供了一種用于實施上述瀏覽器中播放視頻的方法的瀏覽器中播放視頻的裝置。圖4是根據本發(fā)明實施例的在瀏覽器中播放視頻的裝置的示意圖,如圖4所示,該裝置包括:
[0060]接收模塊22,用于在瀏覽器中接收到用于請求加載第一視頻的加載請求;第一加載模塊24,用于響應加載請求在瀏覽器中加載并顯示第一蒙版;第二加載模塊26,用于在瀏覽器中加載第一視頻的視頻資源,并在開始播放第一視頻的視頻資源時在瀏覽器中取消對第一蒙版的顯示。
[0061]需要說明的是,該實施例中的接收模塊22可以用于執(zhí)行本申請實施例一中的步驟S12,該實施例中的第一加載模塊24可以用于執(zhí)行本申請實施例一中的步驟S14,該實施例中的第二加載模塊26可以用于執(zhí)行本申請實施例一中的步驟S16。
[0062]此處需要說明的是,上述第一接收模塊22、第一加載模塊24、第二加載模塊26與對應的步驟所實現的示例和應用場景相同,但不限于上述實施例一所公開的內容。需要說明的是,上述模塊作為裝置的一部分可以運行在實施例一提供的計算機終端10中,可以通過軟件實現,也可以通過硬件實現。
[0063]作為一種可選地實施例,圖5是根據本發(fā)明實施例的一種可選的在瀏覽器中播放視頻的裝置的示意圖,如圖5所示,該裝置還可以包括:第三加載模塊28,用于在瀏覽器中加載第一視頻的視頻資源的同時加載第二蒙版,其中,第二蒙版用于在第一視頻的視頻資源退出播放時,顯示在瀏覽器中,以避免在瀏覽器中出現黑屏。
[0064]作為一種可選地實施例,如圖5所示,該裝置還可以包括:第一顯示模塊30,用于在第一視頻的視頻資源退出播放時,在瀏覽器中顯示第二蒙版,并從之后的第一預定時間點開始,在瀏覽器中取消對第二蒙版的顯示。
[0065]作為一種可選地實施例,如圖5所示,該裝置還可以包括:第一設置模塊292,用于在瀏覽器中取消對第二蒙版的顯示之前,根據第一視頻的播放長度,和/或,瀏覽器接收視頻資源的速度,和/或,瀏覽器加載視頻資源的速度來設置第一預定時間點與開始加載第一視頻的視頻資源的加載時間點之間的時間間隔。
[0066]作為一種可選地實施例,圖6是根據本發(fā)明實施例的另一種可選的在瀏覽器中播放視頻的裝置的示意圖,如圖6所示,該裝置還可以包括:第四加載模塊294,用于在瀏覽器中加載第二蒙版之后,在瀏覽器中加載頁面內容,其中,第一蒙版加載在瀏覽器的第一層,第一視頻的視頻資源加載在瀏覽器的第二層,第二蒙版加