inserting variable in jQuery statement

Question

This might be a simple question, but I got confused here.

var videoSrc = "video/sample.mp4";
$('.abc').append('<video width="650" height="300" controls="controls"> <source src= "' 
+ videoSrc 
+ 'type="video/mp4" id="myVideo"/>Your browser does not support the video tag.</video>'     
);
});

I am trying to insert the value of the variable videoSrc in the src attribute. It does not work like this.

The following code works fine:

$('.abc').append('<video width="650" height="300" controls="controls"> <source src="videos/sample2.mp4" '
+'type="video/mp4" id="myVideo"/>Your browser does not support the video tag.</video>'      
);

But I have to insert the value of src attribute dynamically.

Help me to fix this.

Thanks

Waleed Khan · Accepted Answer · 2012-07-20 16:38:39Z

3

You haven't got a closing quote for your src attribute, and as @Luuk van Egeraat points out, you have a superfluous "});" at the end.

var videoSrc = "video/sample.mp4";
$('.abc').append('<video width="650" height="300" controls="controls"> <source src= "' 
+ videoSrc 
+ 'type="video/mp4" id="myVideo"/>Your browser does not support the video tag.</video>'     
);

becomes

var videoSrc = "video/sample.mp4";
$('.abc').append('<video width="650" height="300" controls="controls"> <source src= "' 
+ videoSrc 
+ '" type="video/mp4" id="myVideo"/>Your browser does not support the video tag.</video>'     
);

edited Jul 20, 2012 at 16:38

answered Jul 20, 2012 at 16:33

Waleed Khan

11.5k7 gold badges41 silver badges70 bronze badges

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

Comments

Lucas van Egeraat · Accepted Answer · 2012-07-20 16:35:52Z

1

Just some syntax errors, here is a working version.

var videoSrc = "video/sample.mp4";

$('.abc').append('<video width="650" height="300" controls="controls"><source src= "' + videoSrc + '" type="video/mp4" id="myVideo"/>Your browser does not support the video tag.</video>');

answered Jul 20, 2012 at 16:35

Lucas van Egeraat

6174 silver badges11 bronze badges

2 Comments

Lucas van Egeraat Over a year ago

The code is valid, the file, however, is not there, so nothing will play.

jeewan Over a year ago

Hi Luuk, ya I know what you saying. Thanks for the quick help.

jeewan · Accepted Answer · 2012-07-20 17:00:28Z

0

This one worked:

var videoSrc = "video/sample.mp4";
$('.abc').append('<video width="650" height="300" controls="controls"> <source src= " ' 
+ vidSrc 
+ ' " type="video/mp4" id="myVideo"/>Your browser does not support the video tag.</video>'     
);

Thanks everyone.

answered Jul 20, 2012 at 17:00

jeewan

1,6055 gold badges24 silver badges41 bronze badges

Collectives™ on Stack Overflow

inserting variable in jQuery statement

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related