Question

我有一些代码，我把它放在一个jsfiddle中，意图在这里提出一个不同的问题，但我发现代码在我的jsfiddle中不起作用。

<div ng-controller="MyCtrl">

  <video id='vid' preload="auto" controls class="video-js vjs-default-skin" preload="auto" vjs-video>
    <source src="https://www.quirksmode.org/html5/videos/big_buck_bunny.mp4" type="video/mp4">
  </video>

  <textarea ng-model="playtime">
  </textarea>

</div>

    var myApp = angular.module('myApp', ['vjs.video']);

    function MyCtrl($scope) {
      $scope.playtime = 0;

      $scope.$on('vjsVideoReady', function(e, data) {
        $scope.vid = data.player;


        $scope.commands = {
          'play': function() {
            $scope.vid.play();
          },
          'pause': function() {
            $scope.vid.pause();
            $scope.playtime = 10;
          }
        };

        $scope.ay = annyang;
        $scope.ay.addCommands($scope.commands);
        $scope.ay.debug();
        $scope.ay.start();

      });


    }

有问题的代码是一个简单的Angular应用程序，它使用annyang库通过语音命令播放或暂停视频。视频（应该是）使用videojs库使用默认皮肤进行渲染。

我遵循了一个关于如何在jsfiddle上设置Angular控制器的jsfiddle示例，并且我通过jsfiddle“External Resources”包含了所有相关的库。但是，小提琴似乎并不知道我的任何javascript存在。无法识别语音命令，并且视频没有蒙皮。代码适用于我的主要设置，但不适用于jsfiddle。

感谢您的时间。任何帮助表示赞赏。

Videojs代码不适用于jsfiddle

0 个答案: