Home/ Questions/Q 6361977
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-24T23:50:51+00:00

I have an HTML page. I want to show a video on a javascript

  • 0

I have an HTML page. I want to show a video on a javascript block UI anytime when a user lands on that page. Any help on it? Thanks.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Grab the fancybox code and then..

    Example:

    <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>

    Popoup with a video player will be opened as soon as the DOM is ready (and the documentready event of jQuery if fired). In my example it is a modal window so user won’t be able to close it to return to content of the page which is underneath.

    • 0