欢迎您光临主题模板库,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!

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

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

核心代码

右侧代码
<!--右侧视频代码-->
<!--互库网 - huku.cc-->
<div style="position: fixed;top:400px;right:5px;"><!--调整右侧right距离--> 
<a href="#"><video width="300" height="400" controls><!--调整视频宽度width与高度height--> 
<source src="http://cdn.51lm.tv/lm/spread/pc1905/video_2.mp4" type="video/mp4"> 您的浏览器不支持HTML5视频。</video> </a>
</div>
左侧代码
<!--左侧视频代码-->
<!--互库网 - huku.cc-->
<div style="position: fixed;top:400px;left:5px;"> <!--调整左侧left距离 -->
<a href="#"><video width="300" height="400" controls> <!--调整视频宽度width与高度height--> 
<source src="http://cdn.51lm.tv/lm/spread/pc1905/video_2.mp4" type="video/mp4"> 您的浏览器不支持HTML5视频。</video> </a>
</div>
样式代码
<!--样式代码-->
<!--互库网 - huku.cc-->
<style> video { width: 200px; <!--调整播放器宽度-->
vertical-align: bottom; } </style>
本站是把代码放到主题文件header.php底部的!
1、本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2、分享目的仅供大家学习和交流,请不要用于商业用途!
3、本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
4、如有链接无法下载、失效或广告,请联系管理员处理!
5、本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!

主题模板库 » HTML左侧/右侧悬浮视频广告代码分享 超精简版
  • 2119会员总数(位)
  • 2018资源总数(个)
  • 0本周发布(个)
  • 0 今日发布(个)
  • 705稳定运行(天)