在做頁面優(yōu)化的時候,可以采用多種表現(xiàn)形式增加用戶體驗,如圖片描述、文字說明、GIF動圖、Flash、必要的錨文本、音頻、視頻等。雖然搜索引擎對圖片、Flash、音視頻都無法識別,但從用戶角度看,用戶會認為這個頁面質量非常高,停留時間也會長得多。
如果你的服務器對圖片、視頻等多媒體支持不佳,造成頁面打開速度慢,影響用戶體驗的話,可以把附件放在7牛云、百度云等云平臺,這些平臺能提高網站加載、訪問速度。
如果是引用其他平臺的視頻內容,就比較麻煩了。比如騰訊視頻、優(yōu)酷視頻、新浪視頻等,這些平臺的時候都有廣告,用指定的下載器下載下來文件只能用指定的播放器打開,有些還不能直接用格式工廠轉碼,確實比較影響用戶體驗。
如果是專門的視頻站,可研究一下CKplayer,可以去廣告。如果只是把視頻要求并不高的網站,可以直接用這些平臺的分享功能,一般有兩種形式:
iframe 元素會創(chuàng)建包含另外一個文檔的內聯(lián)框架(即行內框架) embed 標簽定義嵌入的內容,比如插件 iframe 支持所有瀏覽器,embed是HTML5新標簽支持IE9以上和主流瀏覽器
秀站網測試過在移動端的引用的是沒有廣告的,在移動端用戶日益強大的今天,是非常值得做的哦。
但是這兩個標簽引用的內容視頻高度都不能自適應,網上有多種方法解決,下面是整理的最簡單最實用的方法,支持4:3比率和16:9比率的,當然你可以根據(jù)自己的需要自己調整就好。
用的是JS的方法,代碼如下:
<iframe allowfullscreen="" frameborder="0" height="400" id="movie_16_9" src="https://v.qq.com/iframe/player.html?vid=r0372rfy8y4&tiny=0&auto=0" width="100%"></iframe> <iframe allowfullscreen="" frameborder="0" height="400" id="movie_4_3" src="https://v.qq.com/iframe/player.html?vid=r0372rfy8y4&tiny=0&auto=0" width="100%"></iframe> <script type="text/javascript"> document.getElementById("movie_16_9").style.height=document.getElementById("movie_16_9").scrollWidth*0.5625+"px";//16:9 document.getElementById("movie_4_3").style.height=document.getElementById("movie_4_3").scrollWidth*0.75+"px";//4:3 </script>
注意上面的紅色部分,0.5625這個值是9&pide;16的結果,0.75這是值是3&pide;4的結果。如果你想設置成其他的,自行修改就行了。