Change embedded source

Question

Hey guys,

I'm trying to change the source of a embedded youtube movie. There isn't a problem in firefox and google chrome only internet explorer.

This is what I've got:

[Javascript code]

     <script type="text/javascript">
  function laadfilm(film) {

   document.getElementById("trailer").className = "trailer";

   document.getElementById("embedded2").value = film;
   document.getElementById("embedded").src = film;


  }
 </script>

[html code]

<!-- Start Youtube trailer -->
                <div id="trailer" class="trailernone">
                    <div class="cont">
                        <div class="cont">
                            <h2>Bekijk trailer</h2>
                        </div>
                        <div class="cont center">
                            <br />
                            <object width="450" height="250">
                                <param id="embedded2" name="movie" value=""></param>
        <param name="allowFullScreen" value="false"></param>
        <param name="allowscriptaccess" value="always"></param>
        <embed id="embedded" src="" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="false" width="450" height="250"></embed>
       </object>
                        </div>
                    </div>
                </div>
                <!-- Einde Youtube trailer -->

Thanks in advance!