javascript not working in chrome/opera/IE but firefox is excellent!

Question

I've got this code, working only in firefox.

 <script type="text/javascript">
    function setVideo(url){
        url = url.replace("watch?v=","v/","i");
        var movie = document.getElementById('movie');
        movie.setAttribute('src',url+"&hl=en&fs=1&");
        var param = document.getElementById('paramm');
        param.setAttribute('value',url+"&hl=en&fs=1&");
    }
</script>

<object width="425" height="344">
            <param name="movie" id="paramm"></param>
            <param name="allowFullScreen" value="true"></param>
            <param name="allowscriptaccess" value="always"></param>
            <embed id="movie" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344" src=""></embed>
        </object>

<a href="#" onclick="setVideo('http://www.youtube.com/watch?v=3h1qQaRxY40')">example</a>

PLEASE help, I have no idea, it's such a simple script, why is it not working?? thanks

What is this code supposed to do? What doesn't work? What error messages do you get? — Pekka, Jun 30 '10 at 11:49

score 6 · Accepted Answer · edited May 23 '17 at 10:24

6

You are trying to dynamically change the video source in an embed element. This is notoriously tricky and in fact needs a workaround for browsers other than Firefox.

This question seems to provide a solution: Dynamically change embedded video src in IE/Chrome (works in Firefox)

edited May 23 '17 at 10:24

Community

1
1

answered Jun 30 '10 at 11:50

Pekka

442,112
142
972
1,088

score 3 · Answer 2 · answered Jun 30 '10 at 11:53

3

You didn't provide any error message, so it's hard to say what needs to be fixed ...

One thing I did notice is that you use non-standard syntax for the "replace" method.

See https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Objects/String/replace for explanation and alternatives

answered Jun 30 '10 at 11:53

ob1

1,721
10
25

…or look at the [ECMAScript specification of String.replace](http://ecma262-5.com/ELS5_Section_15.htm#Section_15.5.4.11), on which all JavaScript engine's are based. – Marcel Korpel Jun 30 '10 at 12:01
i'm sorry, in other browsers than firefox the video is blank .. there is no video – Adriana Jun 30 '10 at 12:43

score 2 · Answer 3 · answered Jun 30 '10 at 11:57

2

You should probably use something like swfobject (http://code.google.com/p/swfobject) to embed the ENTIRE flash object when the setVideo function is called - don't just change the url. IE and chrome probably don't recognize the change.

answered Jun 30 '10 at 11:57

David Radcliffe

1,481
10
12

score 1 · Answer 4 · answered Jun 30 '10 at 12:08

Don't use setAttribute with value. It is known to cause problems.

function setVideo(url){
    url = url.replace("watch?v=","v/";
    var movie = document.getElementById('movie');
    movie.src = url+"&hl=en&fs=1&";
    var param = document.getElementById('paramm');
    param.value = url+"&hl=en&fs=1&";
}

javascript not working in chrome/opera/IE but firefox is excellent!

4 Answers4