2012-07-20 84 views
0

这可能是一个简单的问题,但我在这里感到困惑。在jQuery语句中插入变量

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>'  
); 
}); 

我想在src属性中插入变量videoSrc的值。它不这样工作。

下面的代码工作正常:

$('.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>'  
); 

但我不得不动态插入src属性的值。

帮我解决这个问题。

感谢

回答

0

这一个工作:

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>'  
); 

谢谢大家。

3

你没有关闭报价为您src属性,并作为@Luuk面包车Egeraat指出,你有多余的“});”最后。

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>'  
); 

成为

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>'  
); 
+1

这将仍然失败,代码是错误的,因为'});' – 2012-07-20 16:36:50

+0

@LuukvanEgeraat谢谢,修正。 – 2012-07-20 16:38:57

1

只是一些语法错误,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>');​ 
+0

它也没有工作。 – jeewan 2012-07-20 16:55:28

+0

............... – jeewan 2012-07-20 16:58:30

+0

该代码是有效的,但该文件不存在,因此不会播放。 – 2012-07-20 17:11:26