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

Question

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

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

但是，我无法使用 video-js 执行此操作，因为我对引号有疑问。当我不使用字符串构造时，它的工作原理如下所示:

Fiddle

这是示例的一行:

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

此行有两种引号:" 和 '。要将此行放入字符串中以构建上述 HTML 代码，我可能需要一个第三种形式的引语。我不知道。

另一篇文章建议使用\'，所以我尝试了这个:

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

参见 Fiddle

但是这对我不起作用。 video-js 功能丢失。

有没有想过构造第二个小​​提琴使其像第一个 fiddle 一样工作？

Answer 1

它与字符串无关，' 或 "它与 video-js 根据该数据设置属性在页面加载时自动初始化所​​有视频这一事实有关。当页面加载时，html 不是在页面上，所以错过了初始化过程，需要在添加html后手动初始化。

videojs(document.getElementsByClassName("video-js")[0], {}, function(){
//Player (this) 已初始化并准备就绪。
});

将该代码添加到将视频放到页面上的行下方，它将起作用。

http://jsfiddle.net/mbv4pbw5/2/