对这个问题的任何启示都会非常有帮助。
我想做的就是用 javascript 动态添加一个 videojs 播放器。
<div class="video-wrapper" ng-repeat="videos in panel">
<button class="remove-video" ng-click="removeFromPanel($index)">x</button>
<video id="{{videos.id}}" class="video-js vjs-default-skin" preload="none" controls width="300" height="210"
poster="" >
<source src="{{videos.directory}}" type='video/mp4' />
</video>
</div>
因此,对于数组“面板”中的每个对象,我都希望显示一个视频。如果我在页面加载后尝试添加视频,视频不会正确初始化,它们只是作为普通视频标签添加。
我试过使用:
_V_("player id", { "controls": true, "autoplay": false, "preload": "auto" }, function(){
// Player (this) is initialized and ready.
});
手动设置播放器,但没有成功。
有人遇到过这个问题并设法解决了吗?
我很想为此做一个 js fiddle,但我已经为我的应用程序使用了 angular,我永远无法让它在 jsfiddle 中正常工作。
感谢阅读和提前帮助
最佳答案
我用
解决了这个问题myPlayer.dispose();
然后在播放器对象上使用
_V_("player id", { "controls": true, "autoplay": false, "preload": "auto" }, function(){
// Player (this) is initialized and ready.
});
在我在 dom 中创建一个新的播放器对象后初始化它。
所以我认为我的问题与对同一个播放器对象的 2 个引用有关。
关于javascript - 如何使用javascript动态添加videojs播放器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20047185/