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

作者 : 源码小能手 本文共696个字,预计阅读时间需要2分钟 发布时间: 2020-12-11 共144人阅读

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

核心代码

右侧代码
<!--右侧视频代码-->
<!--源码智库 - zzrjjt.com-->
<div style="position: fixed;top:400px;right:5px;"><!--调整右侧right距离--> 
<a href="#"><video width="300" height="400" controls><!--调整视频宽度width与高度height--> 
<source src="" type="video/mp4"> 您的浏览器不支持HTML5视频。</video> </a>
</div>
左侧代码
<!--左侧视频代码-->
<!--源码智库 - zzrjjt.com-->
<div style="position: fixed;top:400px;left:5px;"> <!--调整左侧left距离 -->
<a href="#"><video width="300" height="400" controls> <!--调整视频宽度width与高度height--> 
<source src="" type="video/mp4"> 您的浏览器不支持HTML5视频。</video> </a>
</div>
样式代码
<!--样式代码-->
<!--源码智库 - zzrjjt.com-->
<style> video { width: 200px; <!--调整播放器宽度-->
vertical-align: bottom; } </style>
本站是把代码放到主题文件header.php底部的!

常见问题FAQ

源码是否可商用?
否。源码来源于网络,如需商用请购买正版!
现在加入源码智库,