最新公告
  • 终身会员限时半价100,即将恢复原价398,请抓住时机哦。享受永久免费下载
  • HTML左侧/右侧悬浮视频广告代码分享 超精简版

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

    核心代码

    右侧代码
    <!--右侧视频代码-->
    <!--互库网 - huku.cc-->
    <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>
    左侧代码
    <!--左侧视频代码-->
    <!--互库网 - huku.cc-->
    <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>
    样式代码
    <!--样式代码-->
    <!--互库网 - huku.cc-->
    <style> video { width: 200px; <!--调整播放器宽度-->
    vertical-align: bottom; } </style>
    本站是把代码放到主题文件header.php底部的!
    幕鹿源码小姐姐亲测微擎源码,支持二次开发哦,加入会员免费修复bug,任何会员无限下载全站内容
    幕鹿源码微擎二开 » HTML左侧/右侧悬浮视频广告代码分享 超精简版

    提供最优质的资源集合

    立即查看 了解详情
    XML地图
    赞助VIP 享更多特权,建议使用 QQ 登录
    喜欢我嘛?喜欢就按“ctrl+D”收藏我吧!♡