'Embed Tableau not working in Edge and Chrome

I embed Tableau in my website with following code.

<script type='text/javascript' src='http://pcbbi02/javascripts/api/viz_v1.js'></script>
 <div class='tableauPlaceholder' style='width: 800px; height: 500px;'>
   <object class='tableauViz' width='800' height='500' style='display:none;'>
     <param name='host_url' value='http%3A%2F%2Fpcbbi02%2F' /> 
     <param name='embed_code_version' value='3' /> 
     <param name='site_root' value='' />
     <param name='name' value='RDYieldReportRawData&#47;YieldDashboard&#47;sara&#47;61d8c1db-a14c-4a5a-8a34-2c5ee017991e' />
     <param name='tabs' value='yes' /><param name='toolbar' value='yes' />
     <param name='showAppBanner' value='false' />
   </object>
</div>

The result like: enter image description here

The login page popup after I click the button enter image description here

After I enter the login information correctly,the popup login page then goes away and my page does not move past the login button. enter image description here

That show dashboard after I enter account/password in IE but Edge and Chrome.

I also need Edge and Chrome show dashboard after I enter account/password. Can someone tell me how to do?



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source