jquery - 在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

您的属性没有结束引号src，正如@Luuk van 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 2

只是一些语法错误，这是一个工作版本。

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

这个有效：

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

谢谢大家。