title: How to stop wistia video being played in a tab when navigating away from tab?
body: <p>All,</p>
  
  <p>I have a jsp page with couple of tabs. One of the tabs has an embedded wistia video. When i navigate away from video tab to other tabs the video stops playing and works well in Firefox and Chrome but continues to play in IE.</p>
  
  <p>I am trying to pause the video when the user navigates away from video tab. How can i achieve this using javascript? I cannot use jquery due to some conflicts on our site.</p>
  
  <p>Below is the tab jsp code.</p>
  
  <pre><code> &lt;div id="tab_container"&gt;
      &lt;div id="container_tabs"&gt;
       &lt;div class="tabselected" id="tab_1" onclick="show(this);"&gt;Tab1&lt;/div&gt;
       &lt;div class="tab" id="tab_2" onclick="show(this);"&gt;Tab2&lt;/div&gt;
       &lt;div class="tab" id="tab_3" onclick="show(this);"&gt;Tab3&lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div id="container_content"&gt;
        &lt;div id="tabtest_1" style="display: block;"&gt;
          &lt;dsp:include page="page1.jsp" /&gt;
        &lt;/div&gt;    
        &lt;div id="tabtest_2" style="display: none;"&gt;
          &lt;dsp:include page="page2.jsp" /&gt;                  
        &lt;/div&gt;    
        &lt;div id="tabtest_3" style="display: none;"&gt;
          &lt;dsp:include page="page3.jsp"/&gt;
             &lt;/div&gt;   
       &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>Any help is appreciated. Thanks.</p>