I've searched the forum and have not found a solution to this question.

 

Scenario: We have clickable banner tha opens a dialog box and displays a YouTube video.

 

Problem: When a visitor opens the dialog box, starts the video, exits the dialog box and reopens it we get unwanted behavior. One in particular is that the dialog box opens and displays nothing but a white background.

 

Resources: jQuery 1.4.2; jQueryUI.1.8; youtubin.jQuery.1.2; swfobject.js

 

Current Solution: We have included an anonymous function call to the dialog's close event to do a location.reload(). It works, but isn't completely satisfying.

 

Ideal Solution: We would like the solution to reset the video to its initial state.

 

Code Example:

 

<script type="text/javascript">
  $(document).ready(function() {
    $("#banner_video_6787").dialog({
        autoOpen: false,
        modal: true,
        width: 529,
        height: 441,
        resizable: false,
        closeOnEscape: true,
        draggable: false,
        close: function($e, $ui) {location.reload();}
    });
    $("#banner_image_6787").click(function(){
      $("#banner_video_6787").dialog("open");
    });
    $("a.youtube_6787").youtubin({
      swfWidth: 480,
      swfHeight: 385,
      params: {allowscriptaccess: false, allowfullscreen: false}
    });
  });
</script>
 
<img id="banner_image_6787" class="video_banner_hover" style="cursor:pointer;cursor:hand;" src="/images/employee_photo_KeithA.jpg" alt="Click here to view the video" />
























Work Hard! Play Harder!!