大佬教程收集整理的这篇文章主要介绍了视频图像(html5),大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
<div class="videohead"> <video loop="loop" autoplay="autoplay"> <source src="img/video.mp4" type="video/mp4" /> <img src="img/video.png"/> </video> <a href=""><img src="img/logo.png" class="logo"/></a> </div> .videohead { margin: 5px 0 0 1px; } .logo { margin-top: -155px; }
在CSS3中使用z-index的位置.
<div id="wrap_video"> <div id="video_Box"> <div id="video_overlays">logo</div> <div> <iframe width="560" height="315" src="https://www.youtube.com/embed/gKiaLSJW5xI" frameborder="0" allowfullscreen></iframe> </div> </div> </div>
CSS:
#video_Box { position:relative; } #video_overlays { position:absolute; width:160px; min-height:40px; background-color:#dadada; z-index:300000; bottom:10px; left:10px; text-align:center; }
以上是大佬教程为你收集整理的视频图像(html5)全部内容,希望文章能够帮你解决视频图像(html5)所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。