我正在使用 Popcornjs 进行第一步,我正在尝试使用 code plugin但不知道该怎么做。
我关注了this例如,并播放视频,但我无法使用该插件。
索引.html:
<script src="bower_components/popcornjs/popcorn.js"></script>
<script src="bower_components/popcornjs/wrappers/common/popcorn._MediaElementProto.js"></script>
<script src="bower_components/popcornjs/wrappers/youtube/popcorn.HTMLYouTubeVideoElement.js"></script>
<script src="bower_components/popcornjs/plugins/code/popcorn.code.js"></script>
Media.js
$scope.player = Popcorn.HTMLYouTubeVideoElement( "#media-player" );
$scope.player.src = "http://www.youtube.com/watch?v=DaN2Y2-wNSs";
//以下行失败
//$scope.player.code({
// start: Popcorn.util.toSeconds( 2 ),
// onStart: function () {
// console.log( "I am here" );
// }
//});
//对象 # 没有方法“code”
如何使用该插件?
干杯
最佳答案
它不起作用,因为您实际上并没有创建爆米花实例。包装器背后的命名约定有些困惑,可能应该更改。
当您创建一个新的 HTMLYouTubeVideoElement 对象时,该对象将仅控制播放器与 YouTube 视频的基本交互。要使用它创建 Popcorn 实例,只需将该对象传递给 Popcorn 即可。您的代码最终应类似于以下内容:
$scope.player = new Popcorn.HTMLYouTubeVideoElement( "#media-player" );
$scope.player.src = "http://www.youtube.com/watch?v=DaN2Y2-wNSs";
$scope.player = new Popcorn( $scope.player );
$scope.player.code({
start: Popcorn.util.toSeconds( 2 ),
onStart: function () {
console.log( "I am here" );
}
});
这将创建一个新的 HTMLYouTubeVideoElement 对象,然后将其传递给 Popcorn 并创建一个 Popcorn 实例。需要 Popcorn 实例来向视频添加新事件。
关于javascript - 如何将代码插件与 popcornjs 一起使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21839276/