Making a Video Source a Variable in Javascript

Question

I have a video that I want to create as a variable so I can insert it into the HTML string. This is what I have right now.

Variable:

var vids = 'big_buck_bunny.mp4';

HTML string:

'<source type="video/mp4" src="videos/' + vids + '" />'

When I refresh the browser it does not find the video

TylerH · Accepted Answer · 2014-02-27 21:48:42Z

0

You are missing a ", at the end of src="videos/, or at least, have mismatched quotes somewhere.

edited Feb 27, 2014 at 21:48

answered Feb 27, 2014 at 21:39

TylerH

21.3k84 gold badges84 silver badges121 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

TylerH Over a year ago

@user2958098 I'm not very familiar with JavaScript, so I can't answer definitively. It just seems to be that you need another single ' before videos/ and remove the code after vids. Ex: src="'videos/' to specify the videos/ directory, then ` + vids '` to specify the variable. Combine those two and you would have src="'videos/' + vids "

TylerH Over a year ago

@user2958098 Check out this SO question and this question, too

TylerH Over a year ago

@user2958098 Can you post what ended up working for you? Just in case anyone else has the same/similar issue. Glad you were able to get it to work!

user2958098 Over a year ago

I fully qualified the url var vids = 'localhost/ExpandableVideoUnit/videos/big_buck_bunny.mp4'; and then I put it above the hhtml string '<source type="video/mp4" src="' + vids + '" />' and it worked

Collectives™ on Stack Overflow

Making a Video Source a Variable in Javascript

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related