Javascript 使用video js构建带有字符串的HTML视频

我需要在这样的网站上构建一个灵活的视频播放器：

var content = "<video  ... /></video>";
$("#someDiv").html(content);

这一行有两种引号：

“

和

”

。要将这一行放入一个字符串中以构建如上所述的HTML代码，我可能需要第三种形式的引号。我不知道任何引号

另一篇帖子建议使用

\'

，因此我尝试了以下方法：

'data-setup=\'{ "example_option": true}\''

请参见

然而，这对我来说不起作用。视频js功能丢失了

---

有没有想过让第二个提琴像第一个提琴一样工作？

它与字符串无关，'或者“它与视频js根据数据设置属性自动初始化页面加载上的所有视频有关。”。当页面加载时，html不在页面上，因此它错过了初始化过程。添加html后，需要手动初始化它

videojs（document.getElementsByClassName（“videojs”）[0]，{}，function（）{
//播放器（此）已初始化并准备就绪。
});

在将视频放到页面上的行下面添加代码，它就会工作

问题是在第二种情况下如何构造字符串。当连接多个包含属性的字符串时，请确保在两个属性之间添加一些空间

正确代码：

var movie = '<video class="video-js vjs-default-skin vjs-big-play-centered video-js-fullscreen" ' +
    'controls preload="auto" width="640" height="266" ' +
    'poster="http://video-js.zencoder.com/oceans-clip.png" autoplay ' +
    'data-setup=\'{ "example_option": true}\'' +
    '>' +
    '<source src="http://video-js.zencoder.com/oceans-clip.mp4" type="video/mp4"/>' +
    '</video>';

var电影=“”+
'' +
'';

演示：
我还注意到你的第一把小提琴自动播放了视频。如果您需要该功能，请添加
this.play（）在//播放器（此）代码行下，它将自动播放。很好的提示。自动播放与否：您提供了灵活性！谢谢哦，是的，你说得对。我忽略了属性之间的空白。谢谢
var movie = '<video class="video-js vjs-default-skin vjs-big-play-centered video-js-fullscreen" ' +
    'controls preload="auto" width="640" height="266" ' +
    'poster="http://video-js.zencoder.com/oceans-clip.png" autoplay ' +
    'data-setup=\'{ "example_option": true}\'' +
    '>' +
    '<source src="http://video-js.zencoder.com/oceans-clip.mp4" type="video/mp4"/>' +
    '</video>';