jQuery Mobile - Popup - Brightcove

jQuery Mobile - Popup - Brightcove

by Nirvanachain

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css">
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
<div data-role="page" id="foo">
    <div data-role="header">
        <h1>
            Foo
        </h1>
    </div><!-- /header -->
    <div data-role="content">
        <p>
            <a href="#myPopUp" data-rel="popup">Click here to view a popup</a>
        </p>
        
        <div data-role="popup" id="myPopUp" data-position-to="window">
            <script language="JavaScript" type="text/javascript" src="http://admin.brightcove.com/js/BrightcoveExperiences.js"></script>
              <!-- Start of Brightcove Player -->
  
              <div style="display:none">
  
              </div>
  
              <!--
  By use of this code snippet, I agree to the Brightcove Publisher T and C 
  found at https://accounts.brightcove.com/en/terms-and-conditions/. 
  -->
  
              <object id="myExperience" class="BrightcoveExperience">
                <param name="bgcolor" value="#FFFFFF" />
                <param name="width" value="" />
                <param name="height" value="" />
                <param name="playerID" value="1917933862001" />
                <param name="playerKey" value="AQ~~,AAAAtkVcRfk~,IW7AUVzMHXKDDut2jKf_2J3e9wXaCdRE" />
                <param name="isVid" value="true" />
                <param name="isUI" value="true" />
                <param name="dynamicStreaming" value="true" />
    
             </object>
  
            <!-- 
  This script tag will cause the Brightcove Players defined above it to be created as soon
  as the line is read by the browser. If you wish to have the player instantiated only after
  the rest of the HTML is processed and the page load is complete, remove the line.
  -->
        <script type="text/javascript">brightcove.createExperiences();</script>
  
         ...