当前位置:Gxlcms > html代码 > 运用fancybox弹出div的方式弹出视频界面_html/css_WEB-ITnose

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

时间:2021-07-01 10:21:17 帮助过:104人阅读

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

首先引入fancybox文件

    

然后是html部分

                    

最后是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    })});

人气教程排行