Angularjs videogular不加载任何视频或控件

我正在angular应用程序中实现videogular，这是我的第一个angular网站。我遵循了示例中所示的所有步骤，但是UI上没有出现任何问题，也没有在控制台中发现任何错误。（我已经使用nugget软件包管理器安装了videogular）

控制器代码：

 $scope.config = {
 sources: [
 { src: $sce.trustAsResourceUrl("http://static.videogular.com/assets/videos/videogular.mp4"), type: "video/mp4" },
 { src: $sce.trustAsResourceUrl("http://static.videogular.com/assets/videos/videogular.webm"), type: "video/webm" },
 { src: $sce.trustAsResourceUrl("http://static.videogular.com/assets/videos/videogular.ogg"), type: "video/ogg" }
 ],
 tracks: [
 {
 src: "http://www.videogular.com/assets/subs/pale-blue-dot.vtt",
 kind: "subtitles",
 srclang: "en",
 label: "English",
 default: ""
 }
 ],
 theme: "~/Content/videogular.css",
 plugins: {
 poster: "http://www.videogular.com/assets/images/videogular.png"
 }
 };

HTML视图：

<div class="videogular-container">
                            <videogular vg-theme="http://www.videogular.com/styles/themes/default/latest/videogular.css">
                                <vg-media vg-src="config.sources"></vg-media>
                               <vg-controls>
                                    <vg-play-pause-button></vg-play-pause-button>
                                    <vg-time-display>{{ currentTime | date:'mm:ss' }}</vg-time-display>
                                    <vg-scrub-bar>
                                        <vg-scrub-bar-current-time></vg-scrub-bar-current-time>
                                    </vg-scrub-bar>
                                    <vg-time-display>{{ timeLeft | date:'mm:ss' }}</vg-time-display>
                                    <vg-volume>
                                        <vg-mute-button></vg-mute-button>
                                        <vg-volume-bar></vg-volume-bar>
                                    </vg-volume>
                                    <vg-fullscreen-button></vg-fullscreen-button>
                                </vg-controls>
                               <vg-overlay-play></vg-overlay-play>
                                <vg-poster vg-url='config.plugins.poster'></vg-poster>
                            </videogular>
</div>

{{currentTime |日期：'mm:ss'}
{{timeLeft}日期：'mm:ss'}

添加的依赖项：

“ngSanitize”、“com.2fdevs.videogular”、“com.2fdevs.videogular.plugins.controls”、“com.2fdevs.videogular.plugins.overlay”、“com.2fdevs.videogular.plugins.poster”

请告诉我这里出了什么问题

来自

vg主题

需要一个作用域名称变量，但您正在传递一个字符串文本

vgTheme串 具有范围名称变量的字符串。此指令将在页面标题中插入CSS链接。此参数是必需的

将其更改为使用

config.theme

（确保$scope.theme路径正确）

更新：vg媒体还需要像这样指定vg曲目

<vg-media vg-src="controller.config.sources"
                  vg-tracks="controller.config.tracks">
        </vg-media>

---

你能再检查一下你是否为videogular指令提供了所有必需的输入吗？

控制器代码被调用了吗？你是否在你的html中添加了

ng app

和

ng controller

？我试过了，但还是不走运，至少现在我能看到一个空容器，这在早些时候没有发生，我猜视频已经加载了，但是没有显示任何控件。我试图通过controls指令进行调试，代码行为$scope.currentIcon=$.parseHTML（$scope.vgPlayIcon）[0]；我看到PrimICON对象是未定义的，并且它在视频的中间显示为“{电流}”。根据文档，vg曲目是模块com.2fdevs.videogular描述：vg媒体添加曲目列表的可选指令。vgTracks可绑定数组，带有字幕源列表。跟踪源是一个具有五个属性的对象：src、kind、srclang、label和default。您能用最新的代码更新您的问题吗？另外，尝试删除所有vg控件和vg覆盖指令，如果加载了最简单的videogular，则删除se。谢谢各位，我得到了开发团队的帮助，我能够看到接下来的视频。我被要求升级到videogular 1.2.1