署理加盟 2019全新署理方案 挣钱+省钱左右开弓,独立途径,丰盛赢利!

您现在的方位: unibet网 > 站长学院 > SEO资讯 >

腾讯优酷视频同享iframe,embed高度多种份额操控

来历:不知道 发布时刻:2019-03-30热度:我要谈论
在做页面优化的时分,能够选用多种表现方法添加用户体会,如图片描绘、文字说明、GIF动图、Flash、必要的锚文本、音频、视频等。尽管查找引擎对图片、Flash、音视频都无法辨认,但从用户视点看,用户会以为这个页面质量十分高,停留时刻也会长得多。 假如你的服务器对...

unibet注册免费下载,无需注册无需充值

        在做页面优化的时分,能够选用多种表现方法添加用户体会,如图片描绘、文字说明、GIF动图、Flash、必要的锚文本、音频、视频等。尽管查找引擎对图片、Flash、音视频都无法辨认,但从用户视点看,用户会以为这个页面质量十分高,停留时刻也会长得多。

        假如你的服务器对图片、视频等多媒体支撑欠安,形成页面翻开速度慢,影响用户体会的话,能够把附件放在7牛云、百度云等云途径,这些途径能进步网站加载、拜访速度。

        假如是引证其他途径的视频内容,就比较麻烦了。比方腾讯视频、优酷视频、新浪视频等,这些途径的时分都有广告,用指定的下载器下载下来文件只能用指定的播放器翻开,有些还不能直接用格局工厂转码,的确比较影响用户体会。

视频同享

        假如是专门的视频站,可研究一下CKplayer,能够去广告。假如仅仅把视频要求并不高的网站,能够直接用这些途径的同享功用,一般有两种方法:

iframe 元素会创立包括别的一个文档的内联结构(即行内结构)
embed 标签界说嵌入的内容,比方插件
iframe 支撑一切浏览器,embed是HTML5新标签支撑IE9以上和干流浏览器

        unibet网测试过在移动端的引证的是没有广告的,在移动端用户日益强壮的今日,是十分值得做的哦。

        可是这两个标签引证的内容视频高度都不能自适应,网上有多种办法处理,下面是收拾的最简略最有用的办法,支撑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的成果。假如你想设置成其他的,自行修正就行了。

本文地址:https://www.m88nob1.com/查找引擎优化/1293.html

责任编辑:unibet网

    宣布谈论

    谈论列表(条)