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

模板下载吧快速入门

0 1,327

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

核心代码

右侧代码

// 作者：模板下载吧
// 网站：https://www.mbxzb.com/
<div style="position: fixed;top:300px;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>

左侧代码

// 作者：模板下载吧
// 网站：https://www.mbxzb.com/
<div style="position: fixed;top:300px;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>

样式代码

// 作者：模板下载吧
// 网站：https://www.mbxzb.com/
<style> video { width: 200px; //调整播放器宽度
vertical-align: bottom; } </style>

注意：本段内容隐藏解压密码/提取密码必须成功评论后刷新获取！

回复本文刷新本页

收藏 (0) 点赞 (0)

1. 本站所有资源来源于用户上传和网络，如有侵权请邮件联系站长！
2. 分享目的仅供大家学习和交流，您必须在下载后24小时内删除！
3. 不得使用于非法商业用途，不得违反国家法律。否则后果自负！
4. 本站提供的源码、模板、插件等等其他资源，都不包含技术服务请大家谅解！
5. 如有链接无法下载、失效或广告，请联系管理员处理！
6. 本站资源售价只是赞助，收取费用仅维持本站的日常运营所需！
7. 如果您也有好的资源或教程，您可以投稿发布，成功分享后有M币奖励和额外收入！

模板下载吧快速入门左侧/右侧悬浮视频广告代码分享超精简版 https://www.mbxzb.com/blog/file/rumen/19579.html