在jQuery語句中插入變量

Question

這可能是一個簡單的問題，但我在這裏感到困惑。

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屬性的值。

幫我解決這個問題。

感謝

Answer 1

這一個工作：

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

謝謝大家。

Answer 2

你沒有關閉報價爲您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>'  
); 

Answer 3

只是一些語法錯誤，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>');​