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

2021-04-29 0 582

当你访问这个网站时，你已经看到了两边漂浮的年轻女士的视频。你想把年轻的女士们移到你的网站上吗？不用担心，互库网会和你分享这个功能的核心代码和风格代码。

核心代码

右侧代码

<!--右侧视频代码--> <!--互库网 - huku.cc--> <div style="position: fixed;top:400px;right:5px;"><!--调整右侧 right 距离--> <a href="#" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" ><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="#" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" ><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 底部的！

转载请注明：汇站网 » HTML 左侧/右侧悬浮视频广告代码分享超精简版

赏

微信扫一扫

支付宝扫一扫

免责声明

本资源仅用于个人学习和研究使用，禁止用于任何商业环境！

1.  本网站名称：汇站网
2.  本站永久网址：https://www.huizhanii.com/
3.  本站所有资源来源于网友投稿和高价购买，所有资源仅对编程人员及源代码爱好者开放下载做参考和研究及学习，本站不提供任何技术服务！
4.  本站所有资源的展示图片和信息不代表本站的立场！本站只是储蓄平台及搬运
5.  下载者禁止在服务器和虚拟机下进行搭建运营，本站所有资源不支持联网运行！只允许调试，参考和研究！！！！
6.  未经原版权作者许可,禁止用于任何商业环境，任何人不得擅作它用，下载者不得用于违反国家法律，否则发生的一切法律后果自行承担！
7.  为尊重作者版权，请在下载24小时内删除！请购买原版授权作品，支持你喜欢的作者，谢谢！
8.  若资源侵犯了您的合法权益，请持您的版权证书和相关原作品信息来信通知我们请来信     我们会及时删除，给您带来的不便，我们深表歉意！
9.  如下载链接失效、广告或者压缩包问题请联系站长处理！
10.  如果你也有好源码或者教程，可以发布到网站，分享有金币奖励和额外收入！
11.  本站资源售价只是赞助，收取费用仅维持本站的日常运营所需！
12.  因源码具有可复制性，一经赞助，不得以任何形式退款。
13.  更多详情请点击查看

汇站网 WordPress HTML左侧/右侧悬浮视频广告代码分享超精简版 https://www.huizhanii.com/112.html