当你访问这个网站时,你已经看到了两边漂浮的年轻女士的视频。你想把年轻的女士们移到你的网站上吗?不用担心,互库网会和你分享这个功能的核心代码和风格代码。
核心代码
右侧代码
<!--右侧视频代码--> <!--互库网 - 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>
汇站
站长资源下载中心-找源码上汇站
常见问题
- 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
相关文章
猜你喜欢
- 7B2 PRO主题5.4.2免授权版本(直接安装) 2024-05-11
- 如果WordPress搜索结果为空,自动跳转到网站首页 2024-02-01
- 浏览器缓存可以分为强缓存和协商缓存两种方式 2024-01-21
- 如何让WordPress支持上传WebP格式图片? 2024-01-20
- 利用WordPress设置API实现自定义设置页面。 2024-01-20
- WordPress api接口 版本历史 2024-01-20
- WordPress用户密码加密和验证的详细解释 2024-01-19
- WordPress禁用媒体附件页面教程 2024-01-19
- WordPress修改了文章的默认密码保护提示 2024-01-19
- WordPress配置(站群)多站点详细教程方法 2024-01-19