Javascript ember.js和x-vlc-plugin_Javascript_Jquery_Html_Ember.js_Vlc

Javascript ember.js和x-vlc-plugin

javascript jquery html ember.js

Javascript ember.js和x-vlc-plugin,javascript,jquery,html,ember.js,vlc,Javascript,Jquery,Html,Ember.js,Vlc,我正在尝试将x-vlc-plugin嵌入到我的ember.js代码中 HTML: 错误：未捕获的TypeError:无法读取未定义的属性“play” 为什么，如果简单的HTML页面witohut ember.js工作正常 <html> <head><title>test</title></head> <body> <embed type="application/x-vlc-plugin" name

我正在尝试将x-vlc-plugin嵌入到我的ember.js代码中

HTML:

错误：未捕获的TypeError:无法读取未定义的属性“play”

为什么，如果简单的HTML页面witohut ember.js工作正常

<html>
<head><title>test</title></head>
<body>
<embed type="application/x-vlc-plugin"
         name="video1"
         id="audioX"
         autoplay="no" loop="yes" width="400" height="300"
         target="test.mp3" />  
<script>
  var vlc = document.getElementById("audioX");
  vlc.playlist.play();
</script>
</body>
</html>

在控制器中，必须使用get和set引用属性：

应该是：

this.get('player2').playlist.play();

我仍然看到相同的错误：Uncaught TypeError:无法读取undefined的属性“play”。使用调试器并查看player2属性中存储的内容-您在playMusic函数中设置了player2，但我没有看到您调用itObject“playlist”，并且它的方法play在ember和html+js示例中的调试器中都不可见。然而html+js示例能够播放mp3。

<html>
<head><title>test</title></head>
<body>
<embed type="application/x-vlc-plugin"
         name="video1"
         id="audioX"
         autoplay="no" loop="yes" width="400" height="300"
         target="test.mp3" />  
<script>
  var vlc = document.getElementById("audioX");
  vlc.playlist.play();
</script>
</body>
</html>

this.player2.playlist.play();

this.get('player2').playlist.play();