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

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


核心代码


右侧代码
<!--右侧视频代码-->
<!--A8资源库 - a8ku.cn-->
<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>

左侧代码
<!--左侧视频代码-->
<!--A8资源库 - a8ku.cn-->
<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>

样式代码
<!--样式代码-->
<!--A8资源库 - a8ku.cn-->
<style> video { width: 200px; <!--调整播放器宽度-->
vertical-align: bottom; } </style>


本站是把代码放到主题文件header.php底部的!

常见问题FAQ

免费下载或者VIP会员专享资源能否直接商用?
本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
版权声明:原创作品,未经允许不得转载,否则将追究法律责任。
本站资源有的自互联网收集整理,如果侵犯了您的合法权益,请联系本站我们会及时删除。
本站资源仅供研究、学习交流之用,若使用商业用途,请购买正版授权,否则产生的一切后果将由下载用户自行承担。
A8资源库 » HTML左侧/右侧悬浮视频广告代码分享 超精简版

发表评论

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

联系作者
  • 1358会员总数(位)
  • 1234资源总数(个)
  • 12本周发布(个)
  • 0 今日发布(个)
  • 880稳定运行(天)

提供最优质的资源集合

立即查看