Html 页面加载，在 javascript blockUI 上显示视频答案

【问题标题】：Html page onload, show video on a javascript blockUIHtml 页面加载，在 javascript blockUI 上显示视频
【发布时间】：2011-08-24 11:17:27
【问题描述】：

我有一个 HTML 页面。我想在用户登陆该页面时随时在 javascript 块 UI 上显示视频。有什么帮助吗？谢谢。

【问题讨论】：

取决于。您可以使用 cookie，或者如果他们必须登录，或者您可以将其保存到数据库中。
@Matt：谢谢男人。对blockUI上弹出的视频更感兴趣
不知道你的意思。查看fancybox.net

标签： javascript jquery html jquery-ui

【解决方案1】：

获取fancybox 代码，然后..

例子：

<html>
  <head>
  <link rel="stylesheet" href="/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
  <script type="text/javascript" src="/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
  <script type="text/javascript">
    $(function() {
      // show modal window that has content of #popcontent div in its body
      $.fancybox(
         $('#popcontent").html(),
         {
            'autoDimensions': true,
            'modal': true
         }
      );
    })
  </script>
  </head>
  <body>
    <h1>Some example page content</h1>        
    <div id="popcontent" style="display:none;">
      <video src="yourlinktovideo.ogg" width="640" height="480"></video>
    </div>
  </body>
</html>

带有视频播放器的弹出窗口将在 DOM 准备好后立即打开（如果触发了 jQuery 的 documentready 事件）。在我的示例中，它是一个模态窗口，因此用户将无法关闭它以返回下方页面的内容。

【讨论】：