如何在src（Angular2和Videojs）中使用变量

Question

我有代码

<video id="vid1" class="video-js vjs-default-skin" width="640" height="264" controls data-setup='{
    "techOrder": ["youtube"], "sources": [{ "type": "video/youtube", "src": "https://www.youtube.com/embed/nyMkLwSyOVQ" }], "youtube": { "playlist": "2_HXUhShhmY,lLJf9qJHR3E" } }'>
</video>

正在工作！ 但是我需要在我的component.ts中使用变量替换youtube链接 （https://www.youtube.com/embed/nyMkLwSyOVQ）

喜欢

  

// my component.ts中的变量

src = "https://www.youtube.com/embed/nyMkLwSyOVQ";

<video id="vid1" class="video-js vjs-default-skin" width="640" height="264" controls data-setup='{
    "techOrder": ["youtube"], "sources": [{ "type": "video/youtube", "src": {{src}} }], "youtube": { "playlist": "2_HXUhShhmY,lLJf9qJHR3E" } }'>
</video>

或

<video id="vid1" class="video-js vjs-default-skin" width="640" height="264" controls data-setup={{data-setup}}
</video>

感谢您的帮助