Javascript 将Brightcove播放器集成到

我必须将Brightcove播放器集成到一个角度模式窗口中

这是我通常放在jQuery模式中显示视频的目标代码：

    <object id="" class="BrightcoveExperience">
      <param name="playerID" value="2132538346001" />
      <param name="playerKey" value="key_here" />
      <param name="dynamicStreaming" value="true" /> 
      <param name="@videoPlayer" value="screencast.brightcove_id" />
      <param name="bgcolor" value="#ffffff" />
      <param name="width" value="480" />
      <param name="height" value="360" />
      <param name="isVid" value="true" />
      <param name="isUI" value="true" />
      <param name="wmode" value="transparent" />
      <param name="seamlessTabbing" value="false" />
    </object>
    <script type="text/javascript">brightcove.createExperiences();</script>

这显然不是Angular的方式，但是我找不到关于在Angular中集成其他Javascript工具的信息。你是怎么做到的

编辑：使用screencast.brightcove_id代替{{{screencast.brightcove_id}删除了错误消息。然而，角度绑定的替代并没有发生，brightcove被发送去寻找id为“screencast.brightcove_id”的视频。手动插入正确的id插件工作，但我需要填充该字段

---

Plunkr:

您可以使用此指令

yourApp.directive("brightcove", function($timeout) {
  return {
    restrict: "CA",
    replace: true,
    transclude: false,
    scope: {
      videoId: "@"
    },
    template: '<object id="myExperience{{ videoId }}" class="BrightcoveExperience"">\
              <param name="bgcolor" value="#000000">\
              <param name="width" value="1024">\
              <param name="height" value="575">\
              <param name="playerID" value="[ YOUR PLAYER ]">\
              <param name="playerKey" value="[ YOUR KEY ]">\
              <param name="isVid" value="true">\
              <param name="isUI" value="true">\
              <param name="dynamicStreaming" value="true">\
              <param name="autoStart" value="true">\
              <param name="wmode" value="transparent">\
              <param name="@videoPlayer" value="{{ videoId }}">\
            </object>',
    link: function(scope, element, attrs) {
      return $timeout(function() {
        return brightcove.createExperiences();
      });
    }
  };
});

yourApp.directive（“brightcove”，函数（$timeout）{
返回{
限制：“CA”，
替换：正确，
排除：错误，
范围：{
videoId:“@”
},
模板：'您可以使用此指令

yourApp.directive("brightcove", function($timeout) {
  return {
    restrict: "CA",
    replace: true,
    transclude: false,
    scope: {
      videoId: "@"
    },
    template: '<object id="myExperience{{ videoId }}" class="BrightcoveExperience"">\
              <param name="bgcolor" value="#000000">\
              <param name="width" value="1024">\
              <param name="height" value="575">\
              <param name="playerID" value="[ YOUR PLAYER ]">\
              <param name="playerKey" value="[ YOUR KEY ]">\
              <param name="isVid" value="true">\
              <param name="isUI" value="true">\
              <param name="dynamicStreaming" value="true">\
              <param name="autoStart" value="true">\
              <param name="wmode" value="transparent">\
              <param name="@videoPlayer" value="{{ videoId }}">\
            </object>',
    link: function(scope, element, attrs) {
      return $timeout(function() {
        return brightcove.createExperiences();
      });
    }
  };
});

yourApp.directive（“brightcove”，函数（$timeout）{
返回{
限制：“CA”，
替换：正确，
排除：错误，
范围：{
videoId:“@”
},
template:“你能提供一个演示案例吗？在plunker上添加了示例，请阅读编辑，有进展。你能提供一个演示案例吗？在plunker上添加了示例，请阅读编辑，有进展。模板看起来像这样吗：模板看起来像这样吗？”
<div class="brightcove" video-id="{{ video.id }}"></div>

    <script language="JavaScript" type="text/javascript" src="http://admin.brightcove.com/js/BrightcoveExperiences.js"></script>