Javascript variable in src

Question

I have the following Javascript variable.

<script type ="text/javascript">
    document.getElementById("vid").src = video.url();
</script>

How do I put the videoUrl into my movie player.

<video width="320" height="240" controls autoplay>
<embed id="vid" src="videoUrl" width="200" height="200">
</video>

possible duplicate of [JavaScript: Changing src-attribute of a embed-tag](http://stackoverflow.com/questions/2493706/javascript-changing-src-attribute-of-a-embed-tag) — celerno, Mar 20 '14 at 18:42

score 2 · Answer 1 · answered Mar 20 '14 at 18:43

2

Get the element with javascript (after it is loaded into the DOM) then change its src attribute.

<embed id="vid" src="videoUrl" width="200" height="200">
<script type="text/javascript">
    document.getElementById("vid").src = video.url();
</script>

answered Mar 20 '14 at 18:43

Logan Murphy

6,120
3
24
42

Cannot set property of 'src' undefined. – asdasdasd Mar 20 '14 at 18:53
posted the updates. video.url returns a link to a .mp4 file downloaded on a server. – asdasdasd Mar 20 '14 at 19:04
the javascript MUST come after the embed. hence "after it is loaded into the DOM". is that what you did? – Logan Murphy Mar 20 '14 at 19:22
However, i do not get the URL until AFTER the javascript is done. – asdasdasd Mar 20 '14 at 19:52
How does that work? Do you set `var video = {url : function(){...}}` later in your program? – Logan Murphy Mar 21 '14 at 17:20

Javascript variable in src

1 Answers1