[發(fā)明專利]一種網(wǎng)頁中視頻元素的播放方法和裝置

在審

• 申請?zhí)枺?/td>: 201410523180.1
• 申請日: 2014-09-30
• 公開（公告）號: CN104268250A
• 公開（公告）日: 2015-01-07
• 發(fā)明（設(shè)計）人: 高慶光
• 申請（專利權(quán)）人: 北京奇虎科技有限公司;奇智軟件（北京）有限公司
• 主分類號: G06F17/30
• 分類號: G06F17/30;G06F3/0484
• 代理公司: 北京潤澤恒知識產(chǎn)權(quán)代理有限公司 11319
• 代理人: 蘇培華

技術(shù)領(lǐng)域

本發(fā)明涉及瀏覽器技術(shù)領(lǐng)域，具體涉及一種網(wǎng)頁中視頻元素的播放方法和裝置。

背景技術(shù)

瀏覽器是指可以顯示網(wǎng)頁服務(wù)器或者文件系統(tǒng)的HTML(超文本標(biāo)記語言,HyperText?Mark-up?Language))文件內(nèi)容，并讓用戶與這些文件交互的一種軟件。網(wǎng)頁瀏覽器主要通過HTTP協(xié)議與網(wǎng)頁服務(wù)器交互并獲取網(wǎng)頁，這些網(wǎng)頁由URL(統(tǒng)一資源定位符,Uniform?Resource?Locator)指定，文件格式通常為HTML。一個網(wǎng)頁中可以包括多個文檔，每個文檔都是分別從服務(wù)器獲取的。HTTP內(nèi)容類型和URL協(xié)議規(guī)范允許網(wǎng)頁設(shè)計者在網(wǎng)頁中嵌入圖像、視頻等。

而當(dāng)前的網(wǎng)頁服務(wù)器中存在一種帶有視頻內(nèi)容的網(wǎng)頁，其視頻內(nèi)容一般是在頁面的某個位置進行播放，然后視頻下方很長的一部分是其他內(nèi)容，比如相關(guān)廣告圖片，相關(guān)推薦視頻的鏈接，當(dāng)前視頻評論等內(nèi)容，其頁面整體高度遠遠大于瀏覽器顯示視窗的高度。那么，當(dāng)用戶通過鼠標(biāo)滾輪或者滾動條滑動頁面去瀏覽其他位置的信息(比如視頻評論)時，頁面中播放的視頻可能移出顯示視窗，以至用戶則無法觀看到視頻內(nèi)容。

發(fā)明內(nèi)容

鑒于上述問題，提出了本發(fā)明以便提供一種克服上述問題或者至少部分地解決上述問題的網(wǎng)頁中視頻元素的播放裝置和相應(yīng)的網(wǎng)頁中視頻元素的播放方法。

依據(jù)本發(fā)明的一個方面，提供了網(wǎng)頁中視頻元素的播放方法,包括：

從網(wǎng)頁服務(wù)器側(cè)獲取到帶有視頻元素的網(wǎng)頁文檔，并加載顯示為當(dāng)前網(wǎng)頁，其中所述網(wǎng)頁文檔中帶有針對所述視頻元素的顯示控制腳本；

所述顯示控制腳本判斷出所述視頻元素在當(dāng)前瀏覽器顯示視窗中部分顯示和/或全部地未被顯示；

通過所述顯示控制腳本將所述視頻元素在當(dāng)前瀏覽器顯示視窗中的當(dāng)前網(wǎng)頁中進行獨立顯示。

依據(jù)本發(fā)明的另外一個方面,還公開了一種網(wǎng)頁中視頻元素的播放裝置，包括：

腳本加載模塊，適于從網(wǎng)頁服務(wù)器側(cè)獲取到帶有視頻元素的網(wǎng)頁文檔，并加載顯示為當(dāng)前網(wǎng)頁，其中所述網(wǎng)頁文檔中帶有針對所述視頻元素的顯示控制腳本；

顯示位置判斷模塊，適于所述顯示控制腳本判斷出所述視頻元素在當(dāng)前瀏覽器顯示視窗中部分顯示和/或全部地未被顯示；

顯示位置更改模塊，適于通過所述顯示控制腳本將所述視頻元素在當(dāng)前瀏覽器顯示視窗中的當(dāng)前網(wǎng)頁中進行獨立顯示。

根據(jù)本發(fā)明的一種網(wǎng)頁中視頻元素的播放方法和裝置，可以對網(wǎng)頁服務(wù)器側(cè)提供的網(wǎng)頁文檔加入顯示控制腳本，該顯示控制腳本判斷出所述視頻元素在當(dāng)前瀏覽器顯示視窗中部分顯示和/或全部地未被顯示后，通過所述顯示控制腳本將所述視頻元素在當(dāng)前瀏覽器顯示視窗中的當(dāng)前網(wǎng)頁中進行獨立顯示，由此解決了用戶滑動頁面時，當(dāng)視頻元素移出顯示視窗之后，用戶瀏覽網(wǎng)頁中的信息時無法同時觀看視頻元素中的播放內(nèi)容的問題，時取得了可以在網(wǎng)頁文檔中視頻元素的初始位置移出顯示視窗之后，使視頻元素出現(xiàn)在顯示視窗中展示，在用戶瀏覽器網(wǎng)頁中其他信息(比如視頻評論、推薦視頻等)時可以同時觀看視頻元素中的播放內(nèi)容的有益效果。

上述說明僅是本發(fā)明技術(shù)方案的概述，為了能夠更清楚了解本發(fā)明的技術(shù)手段，而可依照說明書的內(nèi)容予以實施，并且為了讓本發(fā)明的上述和其它目的、特征和優(yōu)點能夠更明顯易懂，以下特舉本發(fā)明的具體實施方式。

附圖說明

通過閱讀下文優(yōu)選實施方式的詳細描述，各種其他的優(yōu)點和益處對于本領(lǐng)域普通技術(shù)人員將變得清楚明了。附圖僅用于示出優(yōu)選實施方式的目的，而并不認(rèn)為是對本發(fā)明的限制。而且在整個附圖中，用相同的參考符號表示相同的部件。在附圖中：

圖1示出了根據(jù)本發(fā)明一個實施例的一種網(wǎng)頁中視頻元素的播放方法的流程示意圖；

圖2示出了根據(jù)本發(fā)明一個實施例的一種網(wǎng)頁中視頻元素的播放方法的流程示意圖；

圖3示出了根據(jù)本發(fā)明一個實施例的一種網(wǎng)頁中視頻元素的播放方法的流程示意圖；

圖3A示出了根據(jù)本發(fā)明一個實施例的一種的視頻元素初始的加載狀態(tài)示意圖；

圖3B示出了根據(jù)本發(fā)明一個實施例的一種視頻元素部分未顯示時觸發(fā)小窗口播放視頻元素的示意圖；

圖4示出了根據(jù)本發(fā)明優(yōu)選的一個實施例的一種網(wǎng)頁中視頻元素的播放方法的流程示意圖；

圖4A示出了根據(jù)本發(fā)明一個實施例的在圖3A的基礎(chǔ)上的一種視頻元素頂部開始進入部分顯示狀態(tài)時觸發(fā)小窗口播放視頻元素的示意圖；

圖5示出了根據(jù)本發(fā)明優(yōu)選的一個實施例的一種網(wǎng)頁中視頻元素的播放方法的流程示意圖；