代理加盟 2019全新代理計劃 賺錢+省錢雙管齊下,獨立平臺,豐厚利潤!

您現在的位置: 秀站網 > 站長學院 > SEO資訊 >

騰訊優酷視頻分享iframe,embed高度多種比例控制

來源:未知 發布時間:2019-03-30熱度:我要評論
在做頁面優化的時候,可以采用多種表現形式增加用戶體驗,如圖片描述、文字說明、GIF動圖、Flash、必要的錨文本、音頻、視頻等。雖然搜索引擎對圖片、Flash、音視頻都無法識別,但從用戶角度看,用戶會認為這個頁面質量非常高,停留時間也會長得多。 如果你的服務器對...

        在做頁面優化的時候,可以采用多種表現形式增加用戶體驗,如圖片描述、文字說明、GIF動圖、Flash、必要的錨文本、音頻、視頻等。雖然搜索引擎對圖片、Flash、音視頻都無法識別,但從用戶角度看,用戶會認為這個頁面質量非常高,停留時間也會長得多。

        如果你的服務器對圖片、視頻等多媒體支持不佳,造成頁面打開速度慢,影響用戶體驗的話,可以把附件放在7牛云、百度云等云平臺,這些平臺能提高網站加載、訪問速度。

        如果是引用其他平臺的視頻內容,就比較麻煩了。比如騰訊視頻、優酷視頻、新浪視頻等,這些平臺的時候都有廣告,用指定的下載器下載下來文件只能用指定的播放器打開,有些還不能直接用格式工廠轉碼,確實比較影響用戶體驗。

視頻分享

        如果是專門的視頻站,可研究一下CKplayer,可以去廣告。如果只是把視頻要求并不高的網站,可以直接用這些平臺的分享功能,一般有兩種形式:

iframe 元素會創建包含另外一個文檔的內聯框架(即行內框架)
embed 標簽定義嵌入的內容,比如插件
iframe 支持所有瀏覽器,embed是HTML5新標簽支持IE9以上和主流瀏覽器

        秀站網測試過在移動端的引用的是沒有廣告的,在移動端用戶日益強大的今天,是非常值得做的哦。

        但是這兩個標簽引用的內容視頻高度都不能自適應,網上有多種方法解決,下面是整理的最簡單最實用的方法,支持4:3比率和16:9比率的,當然你可以根據自己的需要自己調整就好。

        用的是JS的方法,代碼如下:

<iframe allowfullscreen="" frameborder="0" height="400" id="movie_16_9"  src="https://v.qq.com/iframe/player.html?vid=r0372rfy8y4&amp;tiny=0&amp;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&amp;tiny=0&amp;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的結果。如果你想設置成其他的,自行修改就行了。

本文地址:http://www.xejrrv.tw/seo/1293.html

    責任編輯:秀站網

    發表評論

    評論列表(條)

      深圳风采手机投注