Simple JS function call not working in IE or Chrome. Works in Firefox!

ttkh2011 · 11-07-2012, 04:10 PM

This simple code is working fine in Firefox but not IE or Chrome. Can you please help me?

<object width="533" height="300">
<param name="movie" value="http://www.youtube.com/v/2wBe3SDCcz8"></param>
<param name="wmode" value="transparent"></param>
<embed src="http://www.youtube.com/v/2wBe3SDCcz8" type="application/x-shockwave-flash" wmode="transparent"
width="533" height="300" id="myvideo">
</embed>
</object>
<script>
function videoplaying() {
var myvideo = "http://embed.break.com/MjM4NTM2Ng==";
var myEmbed = document.getElementById("myvideo");
myEmbed.setAttribute("src", myvideo);
return false;
}
</script>
<a href="javascript:void(0)" onclick="videoplaying();">Video</a>

xelawho · 11-07-2012, 06:46 PM

the simplest way seems to be to use an iframe, same as youtube does:

Code:

<body>
<iframe id="myvideo" width="533" height="300" src="" frameborder="0"></iframe>
<script>
function videoplaying() {
document.getElementById("myvideo").src="http://embed.break.com/MjM4NTM2Ng==";
return false;
}
</script>
<a href="#" onclick="videoplaying();">Video</a>
</body>

ttkh2011 · 11-07-2012, 08:17 PM

xelawho,

Thank you so much for your help. This is not ideal but it does the job for me temporary.