877666255:3.7
也想出现在这里?联系我们
863966888:3.13
也想出现在这里?联系我们
您好!欢迎来到模板下载吧!本站资源24小时自动发货,请放心选购,一次付费,终身下载,售后请提交工单!

左侧/右侧悬浮视频广告代码分享 超精简版

半岛未凉° 2019-11-22 快速入门 485 已收录 本文共1000个字,预计阅读需要3分钟。
  • 文章介绍
  • 快速入门
  • 增值服务

访问本文章时已经看到右侧悬浮的小姐姐们的视频了吧,想不想把小姐姐搬到你的网站上呢?别着急,模板下载吧这就把此功能的核心代码与样式代码分享给你哈。

核心代码

右侧代码
  1. // 作者:模板下载吧 
  2. // 网站:http://www.mbxzb.com/ 
  3. <div style="position: fixed;top:300px;right:5px;">//调整右侧right距离 
  4. <a href="#"><video width="300" height="400" controls>//调整视频宽度width与高度height 
  5. <source src="http://cdn.51lm.tv/lm/spread/pc1905/video_2.mp4" type="video/mp4"> 您的浏览器不支持HTML5视频。</video> </a>
  6. </div>
左侧代码
  1. // 作者:模板下载吧 
  2. // 网站:http://www.mbxzb.com/ 
  3. <div style="position: fixed;top:300px;left:5px;"//调整左侧left距离 
  4. <a href="#"><video width="300" height="400" controls> //调整视频宽度width与高度height 
  5. <source src="http://cdn.51lm.tv/lm/spread/pc1905/video_2.mp4" type="video/mp4"> 您的浏览器不支持HTML5视频。</video> </a>
  6. </div>
样式代码
  1. // 作者:模板下载吧 
  2. // 网站:http://www.mbxzb.com/ 
  3. <style> video { width: 200px; //调整播放器宽度
  4.  vertical-align: bottom; } </style>
注意:本段内容隐藏解压密码/提取密码必须成功评论后刷新获取!

回复本文刷新本页

上一篇:

下一篇:

左侧/右侧悬浮视频广告代码分享 超精简版:等您坐沙发呢!
大牛,别默默的看了,快来点评一下吧!:)。

您必须登录后才能发表评论哦!:)

站内登录 QQ登录 微博登录
加载中...
wordpress自适应高级图片shejigh主题

Hi, 如果你对这款模板有疑问,可以跟我联系哦!

联系作者

模板下载吧,累计帮助1000+用户成功建站,为草根创业提供助力!

立刻开启你的建站之旅
现在加入模板下载吧,注册一个账号
  • 模板下载吧拥有海量网站模板及源码,站长亲测干净无后门。

  • 注册即能下载免费模板栏目资源,帮您更快的完成网站建设。

  • 每日更新模板资源,每日精品推荐,及时获取最新模板资源流行去向。

  • 完美的售后服务,帮助草根站长、企业等成功建站。

  • 将您最爱的资源收藏,建立自己的资源库,并与朋友分享。