javascript - Kaltura 动态嵌入播放器 : *Uncaught ReferenceError: kWidget is not defined*

标签 javascript html kaltura

我正在尝试创建一个带有后备功能的简单 Kaltura 动态播放器,这样我就可以观看 HTML5 内容(如果可能的话),如果不可能,则必须是 Flash。这是我的代码,我认为它是 kaltura 的默认代码:

<!DOCTYPE HTML>
<html>
<head>
<title>kWidget Player test</title>
<script type="text/javascript" src="http://www.kaltura.org/kalorg/html5video/trunk/mwEmbed/modules/KalturaSupport/tests/resources/qunit-kaltura-bootstrap.js"></script>
<script type="text/javascript" src="http://html5.medianac.nacamar.de/js/mwEmbedLoader.js"> </script>
<!--<script type="text/javascript" src="../../../mwEmbedLoader.php?debug=true">      </script>-->
<script type="text/javascript">
window.kWidgetCallbackWithID = false;
function jsKalturaPlayerTest( videoId ){

// Name this module
module( "kWidget Player" );

var $iframe = $('#' + videoId + '_ifp').contents();
var kdp =  $('#' + videoId ).get(0);

test( "Iframe in DOM", function() {
    ok( $('#' + videoId + '_ifp').length , 'iframe found' );
});

asyncTest("Inline readyCallback fired", function(){
    kalturaQunitWaitForPlayer(function(){
        equal( window.kWidgetCallbackWithID, videoId, " ReadyCallback fired with id:" + videoId );
        testAutoPlay();
        // done with async
        start();
    });
});

function testAutoPlay(){
    test("AutoPlay flashvar passing", function(){ok( kdp.evaluate('{configProxy.flashvars.autoPlay}') , 'AutoPlay flashvar set');                              
    });
}
}
function readyCallbackFired( playerId ){
window.kWidgetCallbackWithID = playerId;
}
</script>
<!-- qunit-kaltura must come after qunit-bootstrap.js and after mwEmbedLoader.php and after any jsCallbackReady stuff-->
<script type="text/javascript" src="http://www.kaltura.org/kalorg/html5video/trunk/mwEmbed/modules/KalturaSupport/tests/re sources/qunit-kaltura-bootstrap.js"></script>
</head>
<body>
<h2> kWidget Player test </h2>
<a href="?forceMobileHTML5"> Force Mobile HTML5</a> for testing with desktop chrome and safari.
<br />

<div id="kaltura_player" style="width:400px;height:330px;">
<!--  SEO and video metadata go here -->
<span property="dc:description" content="example"></span>
<span property="media:title" content="DFA_Imagefilm_deutsch.mp4"></span>
<span property="media:width" content="390"></span>
<span property="media:height" content="236"></span>
</div>
<script>
window['doPlayCallback'] = function( playerId ){
    console.log( 'kWidget doPlayCallback ' + playerId );
    //$('body').append( '<div>started playback</div>' );
};
kWidget.embed({
    'targetId': 'kaltura_player',
    'wid': '_593',
    'uiconf_id' : '1003463',
    'entry_id' : '0_9ufbiq19',
    'flashvars':{
        'externalInterfaceDisabled' : false,
        'autoPlay' : true
                    //'fooBar': 'cats'
    },
    'readyCallback': function( playerId ){
        console.log( "kWidget player ready: " + playerId );
        var kdp = $('#' + playerId ).get(0);
        kdp.addJsListener( 'doPlay', 'doPlayCallback');
        readyCallbackFired( playerId );
    }
});
</script>
</body>
</html>          

如果我运行代码,我得到的是:

Uncaught ReferenceError: kWidget is not defined

相同的代码正在 Kaltura 测试网站上运行:

http://player.kaltura.com/docs/kwidget

最佳答案

为什么评论脚本,玩动态嵌入很关键。

script type="text/javascript" src="../../../mwEmbedLoader.php?debug=true

将此脚本 src 替换为 src="http://player.kaltura.com/mwEmbedLoader.php" 应该可以的,希望对你有帮助。

关于javascript - Kaltura 动态嵌入播放器 : *Uncaught ReferenceError: kWidget is not defined*,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24141267/

相关文章:

javascript - 无法在 JavaScript 中访问模型的属性

javascript - 有 Angular 。如何将 json 响应转换为 jsonp 响应?

php - 将使用连接的函数添加到 HTML 表单会导致函数错误地显示在表单顶部

javascript - Kaltura - onKdpReady 从未调用过

javascript - 如何在 Kaltura 的 HTML5 媒体播放器中禁用全屏模式?

java - Android - 带有指向 WebView 指针的 Javascript 接口(interface) - 如何在没有 memleak 的情况下实现它

javascript - 使用 JavaScript 点击播放/停止 gif

javascript - 在 vue.js 中保留 DOM 更新时的滚动位置

javascript - 创建待办事项列表 Web 应用程序

ios - Kaltura的两种不同的iOS SDK及其实现