WordPress:如何製作視頻Facebox彈出窗口

現在,Vimeo和Youtube視頻提供了更高清晰度的視頻,這些視頻可以在網站或博客上佔據相當大的空間。 優化的一種方法是利用一種叫做Facebox的方法。 面框是一種在頁面中顯示窗口而無需單獨的彈出窗口的好方法。

生命線視頻按鈕.png

生命線數據中心 錄製了一個視頻,該視頻由Another Cool Design製作,他們希望在主頁上展示這些視頻,而無需重新定位或重新設計主題。 所以–我們製作了一個漂亮的小圖像,上面有一個大播放按鈕,並加入了代碼,該代碼生成了一個漂亮的窗口來顯示其中的視頻。

生命線視頻facebox.png

使用 WordPress Facebox Gallery插件 真像。 我創建了一個 外部頁面 (video.html)在擁有視頻的網站的根目錄中(具有autoplay = 1,以便在打開時自動播放),然後添加帶有必要代碼段的文本小部件。

<a href="video.html" rel =“ facebox” onclick =“ javascript:pageTracker._trackPageview('/ special / mypage');”> 

rel = facebox 單擊鏈接後,指定代碼便啟動代碼。 它會彈出視頻面板,該面板立即開始播放。 這是將一個或多個視頻嵌入到頁面中的簡單實現和簡單解決方案。 我們將很快在另一個站點上使用此方法!

注意:使用客戶端視頻捕獲視頻的觀看次數很重要 分析 (Google Analytics(分析)),因此我們還在錨標記上添加了onclick事件。 現在,當人們單擊視頻時,我們將獲得“虛擬”瀏覽量。 我已經在上面添加了代碼。

3 個評論

  1. 1
  2. 2

你覺得呢?

本網站使用Akismet來減少垃圾郵件。 了解您的評論如何處理.