,這類視頻的加載請求可以是由打開網(wǎng)頁頁面的動作或者網(wǎng)頁頁面的跳轉(zhuǎn)動作觸發(fā),也可以由點擊網(wǎng)頁頁面對應(yīng)的網(wǎng)絡(luò)地址的動作觸發(fā)。第一視頻的加載請求可以包括加載第一視頻中的所有視頻幀圖像,還可以包括加載第一視頻的相關(guān)信息,比如視頻文件格式、視頻幀標識、或者視頻文件大小等。需要說明的是,本發(fā)明實施例并未對第一視頻的格式或者大小做限定,即第一視頻可以是任意格式或者任意大小的視頻。
[0032]步驟S14,響應(yīng)加載請求在瀏覽器中加載并顯示第一蒙版。
[0033]在步驟S14提供的技術(shù)方案中,瀏覽器接收到第一視頻的加載請求后,響應(yīng)該加載請求,本發(fā)明實施例瀏覽器響應(yīng)第一視頻的加載請求可以包括加載第一蒙版,其中,第一蒙版可以為蒙在頁面上用于遮擋整個頁面的遮罩,也可以為蒙在頁面上用于遮擋頁面中部分區(qū)域的遮罩。當?shù)谝幻砂鏋槊稍陧撁嫔嫌糜谡趽跽麄€頁面的遮罩時,第一蒙版的大小與頁面大小相同,或者第一蒙版能夠覆蓋整個頁面。當?shù)谝幻砂鏋槊稍陧撁嫔嫌糜谡趽蹴撁嬷胁糠謪^(qū)域的遮罩時,第一蒙版只遮擋第一視頻播放框,并不遮擋頁面中其他區(qū)域,第一蒙版的大小由第一視頻播放框大小確定,優(yōu)選地,該實施例第一蒙版被設(shè)置為與第一視頻播放框尺寸相同,或者第一蒙版能夠覆蓋第一視頻播放框,第一蒙版在頁面中的位置由第一視頻播放框在頁面中的位置確定。
[0034]本發(fā)明實施例中的第一蒙版的透明度為0,即非透明的蒙版,以達到遮擋頁面或者遮擋頁面中第一視頻播放框的目的。瀏覽器響應(yīng)第一視頻的加載請求加載第一蒙版并在頁面中顯示第一蒙版,為了避免頁面打開加載視頻時頁面出現(xiàn)黑屏,該實施例優(yōu)選地在打開頁面時先加載并顯示第一蒙版??蛇x地,第一蒙版的顯示方式可以采用逐漸淡入的方式,也可以采用直接顯示方式,還可以是其他方式,此處不再一一舉例,第一蒙版的顯示方式可以根據(jù)頁面風(fēng)格或者用戶使用習(xí)慣進行調(diào)整。第一蒙版用于避免在瀏覽器中頁面出現(xiàn)黑屏,可選地,第一蒙版可以是預(yù)定的一個圖像,比如純色背景圖像或者其他任意圖像,圖像的顏色可以與第一視頻的主題顏色相同,以達到從第一蒙版過度顯示第一視頻時畫面不會出現(xiàn)明顯的跳變,進而提高用戶觀看體驗的效果。第一蒙版還可以是第一視頻的第一視頻幀圖像,這樣能夠保證第一視頻的連續(xù)播放,使得用戶感覺不到第一蒙版的存在,更好地提高用戶觀看效果。第一蒙版還可以是預(yù)定的一組圖像幀,以一組預(yù)定的圖像幀顯示第一蒙版不僅能夠提高頁面的動態(tài)效果,而且能夠使用戶直觀地辨別頁面中視頻自動播放的區(qū)域。需要說明的是,本發(fā)明實施例中的第一蒙版還可以是其他形式,此處不再一一舉例。本發(fā)明實施例通過在頁面打開時首先加載并顯示第一蒙版,能夠解決相關(guān)技術(shù)在打開網(wǎng)頁頁面自動加載播放視頻時頁面出現(xiàn)黑屏現(xiàn)象影響用戶觀看體驗的技術(shù)問題,進而達到提高用戶觀看效果,提高用戶觀看體驗的技術(shù)效果。
[0035]步驟S16,在瀏覽器中加載第一視頻的視頻資源,并在開始播放第一視頻的視頻資源時在瀏覽器中取消對第一蒙版的顯示。
[0036]在步驟S16提供的技術(shù)方案中,瀏覽器響應(yīng)第一視頻的加載請求還可以包括加載第一視頻的視頻資源,需要說明的是,瀏覽器可以在加載第一蒙版之后,在顯示第一蒙版的期間加載第一視頻的視頻資源,也可以在加載第一蒙版的同時異步加載第一視頻的視頻資源。瀏覽器加載第一視頻的視頻資源可以包括加載第一視頻所有視頻幀圖像,還可以包括加載第一視頻的相關(guān)信息,比如視頻文件格式、視頻幀標識、或者視頻文件大小等。根據(jù)網(wǎng)絡(luò)速度或者實際需求,瀏覽器可以在第一視頻的視頻資源全部加載完畢后播放第一視頻,也可以在第一視頻的視頻資源加載至預(yù)設(shè)百分比時播放第一視頻,在播放已經(jīng)加載部分時異步加載剩余部分,比如加載40 %時開始播放第一視頻,在播放這40 %的同時加載剩余的60%。本發(fā)明實施例在開始加載第一視頻至開始播放第一視頻期間頁面一直顯示第一蒙版,以避免頁面出現(xiàn)黑屏,在開始播放第一視頻時頁面取消對第一蒙版的顯示,開始顯示第一視頻的視頻內(nèi)容,完成第一視頻的自動播放。需要說明的是,頁面取消對第一蒙版的顯示可以采用第一蒙版逐漸淡出的方式,也可以采用第一蒙版直接消失的方式,或者也可以采用其他方式,此處不再一一舉例。頁面取消對第一蒙版的消失的方式可以根據(jù)頁面風(fēng)格或者用戶習(xí)慣進行調(diào)整。
[0037]通過上述步驟S12至步驟S16,本發(fā)明實施例通過在頁面打開時首先加載并顯示第一蒙版,待開始播放第一視頻時取消對第一蒙版的顯示,并開始播放第一視頻,解決了相關(guān)技術(shù)在打開網(wǎng)頁頁面自動加載播放視頻時頁面出現(xiàn)黑屏現(xiàn)象影響用戶觀看體驗的技術(shù)問題,進而達到提高用戶觀看效果,提高用戶觀看體驗的技術(shù)效果。
[0038]作為一種可選地實施例,在步驟S14在瀏覽器中加載第一視頻的視頻資源的同時,該實施例的在瀏覽器中播放視頻的方法還可以包括:在瀏覽器中加載第二蒙版,其中,第二蒙版用于在第一視頻的視頻資源退出播放時,顯示在瀏覽器中,以避免第一視頻的視頻資源退出播放時提前暴露頁面中的內(nèi)容,達到提高用戶使用體驗的效果。第二蒙版與第一蒙版相似,第二蒙版可以為蒙在頁面上用于遮擋整個頁面的遮罩,也可以為蒙在頁面上用于遮擋頁面中部分區(qū)域的遮罩。當?shù)诙砂鏋槊稍陧撁嫔嫌糜谡趽跽麄€頁面的遮罩時,第二蒙版的大小與頁面大小相同,或者第二蒙版能夠覆蓋整個頁面。當?shù)诙砂鏋槊稍陧撁嫔嫌糜谡趽蹴撁嬷胁糠謪^(qū)域的遮罩時,第二蒙版只遮擋第一視頻播放框,并不遮擋頁面中其他區(qū)域,第二蒙版的大小由第一視頻播放框大小確定,優(yōu)選地,該實施例第二蒙版被設(shè)置為與第一視頻播放框尺寸相同,或者第二蒙版能夠覆蓋第一視頻播放框,第二蒙版在頁面中的位置由第一視頻播放框在頁面中的位置確定。本發(fā)明實施例中的第二蒙版的透明度為0,即非透明的蒙版,以達到遮擋頁面中第一視頻播放框背后覆蓋的頁面內(nèi)容的目的。
[0039]作為一種可選地實施例,在瀏覽器中加載第二蒙版之后,該實施例的在瀏覽器中播放視頻的方法還可以包括:在第一視頻的視頻資源退出播放時,在瀏覽器中顯示第二蒙版,并從之后的第一預(yù)定時間點開始,在瀏覽器中取消對第二蒙版的顯示。
[0040]在第一視頻的視頻資源退出播放時,為了避免提前暴露頁面中被第一視頻的播放框覆蓋的內(nèi)容,該實施例優(yōu)選地在頁面中顯示第二蒙版,需要說明的是,第二蒙版的顯示方式可以采用淡入或者直接顯示的方式,第二蒙版的顯示方式可以根據(jù)頁面風(fēng)格或者用戶使用習(xí)慣進行調(diào)整??蛇x地,第二蒙版可以是預(yù)定的一個圖像,比如純色背景圖像或者其他任意圖像,圖像的顏色可以與第一視頻的主題顏色相同,以達到從第一視頻過度顯示第二蒙版時畫面不會出現(xiàn)明顯的跳變,進而提高用戶觀看體驗的效果。第二蒙版還可以是第一視頻的最后一幀的視頻幀圖像,這樣能夠使得用戶感覺不到第二蒙版的存在,更好地提高用戶觀看效果。第二蒙版還可以是預(yù)定的一組圖像幀,以一組預(yù)定的圖像幀顯示第二蒙版不僅能夠提高頁面的動態(tài)效果。需要說明的是,本發(fā)明實施例中的第二蒙版還可以是其他形式,此處不再一一舉例。在顯示第二蒙版預(yù)設(shè)時間后,頁面取消對第二蒙版的顯示,取消方式可以采用淡出或者直接取消的方式,還可以是其他方式,此處不再一一舉例。該實施例顯示第二蒙版預(yù)設(shè)時間是為了留有充足的時間供瀏覽器加載頁面中被第一視頻播放框所覆蓋區(qū)域的頁面內(nèi)容,第二蒙版預(yù)設(shè)時間的顯示時間可以綜合網(wǎng)絡(luò)、視頻以及其他因素共同確定。
[0041 ]作為一種可選地實施例,在瀏覽器中取消對第二蒙版的顯示之前,該實施例的在瀏覽器中播放視頻的方法還可以包括:根據(jù)第一視頻的播放長度,和/或,瀏覽器接收視頻資源的速度,和/或,瀏覽器加載視頻資源的速度來設(shè)置第一預(yù)定時間點與開始加載第一視頻的視頻資源的加載時間點之間的時間間隔。需要說明的是,該步驟是為了確定第一預(yù)定時間點,即第二蒙版在哪個時間點取消顯示。該步驟中綜合考慮了第一視頻的播放長度、瀏覽器接收視頻資源的速度、瀏覽器加載視頻資源的速度,使得第二蒙版取消顯示的時間更加精確,進而達到既不會造成頁面顯示停頓,也不會造成頁面內(nèi)容加載不完全的問題,進而達到了提高用戶體驗的效果。需要說明的是,本發(fā)明實施例并未對確定第二蒙版取消顯示的時間所考慮的因素作具體限定,除了上述列舉的因素之外,還可以包括其他因素,比如第一視頻的播放速度,瀏覽器加載頁面內(nèi)容的速度等,此處不再一一舉例。
[0042]作為一種可選地實施例,在瀏覽器中加載第二蒙版之后,該實施例的在瀏覽器中播放視頻的方法還可以包括:在瀏覽器中加載頁面內(nèi)容,其中,第一蒙版加載在瀏覽器的第一層,第一視頻的視