在做頁面優(yōu)化的時候,可以采用多種表現(xiàn)形式增加用戶體驗(yàn),如圖片描述、文字說明、GIF動圖、Flash、必要的錨文本、音頻、視頻等。雖然搜索引擎對圖片、Flash、音視頻都無法識別,但從用戶角度看,用戶會認(rèn)為這個頁面質(zhì)量非常高,停留時間也會長得多。
如果你的服務(wù)器對圖片、視頻等多媒體支持不佳,造成頁面打開速度慢,影響用戶體驗(yàn)的話,可以把附件放在7牛云、百度云等云平臺,這些平臺能提高網(wǎng)站加載、訪問速度。
如果是引用其他平臺的視頻內(nèi)容,就比較麻煩了。比如騰訊視頻、優(yōu)酷視頻、新浪視頻等,這些平臺的時候都有廣告,用指定的下載器下載下來文件只能用指定的播放器打開,有些還不能直接用格式工廠轉(zhuǎn)碼,確實(shí)比較影響用戶體驗(yàn)。
如果是專門的視頻站,可研究一下CKplayer,可以去廣告。如果只是把視頻要求并不高的網(wǎng)站,可以直接用這些平臺的分享功能,一般有兩種形式:
iframe 元素會創(chuàng)建包含另外一個文檔的內(nèi)聯(lián)框架(即行內(nèi)框架) embed 標(biāo)簽定義嵌入的內(nèi)容,比如插件 iframe 支持所有瀏覽器,embed是HTML5新標(biāo)簽支持IE9以上和主流瀏覽器
秀站網(wǎng)測試過在移動端的引用的是沒有廣告的,在移動端用戶日益強(qiáng)大的今天,是非常值得做的哦。
但是這兩個標(biāo)簽引用的內(nèi)容視頻高度都不能自適應(yīng),網(wǎng)上有多種方法解決,下面是整理的最簡單最實(shí)用的方法,支持4:3比率和16:9比率的,當(dāng)然你可以根據(jù)自己的需要自己調(diào)整就好。
用的是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的結(jié)果,0.75這是值是3&pide;4的結(jié)果。如果你想設(shè)置成其他的,自行修改就行了。