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>