Home  >  Article  >  Web Front-end  >  运用fancybox弹出div的方式弹出视频界面_html/css_WEB-ITnose

运用fancybox弹出div的方式弹出视频界面_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:25:031271browse

fancybox可以弹出很多窗体,甚至一个swf格式的小视频。但这样的swf视频播放的时候并没有任何的控件。只能重头看到尾,或者关闭。我们可以利用fancybox弹出div盒子的方式配合html5很快的写出弹出一个小视频的代码:

首先引入fancybox文件

        

然后是html部分

运用fancybox弹出div的方式弹出视频界面_html/css_WEB-ITnose                    

最后是js部分

$(document).ready(function(){    $("#showdiv1").fancybox({        padding:0,        hideOnOverlayClick:false,        fitToView:false,        autoSize:true,        closeClick:true,        openEffect:"none",        closeEffect:"none",        "onClosed":function(){window.document.location.reload(true)},        centerOnScroll:true    })});

 

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn