サードパーティのビデオ プレーヤーを使用してビデオを表示しています。これらのビデオは、ユーザーの選択に基づいて再生する必要があり、そのためにビデオ名を渡すことができるはずです<object... param... videoPlaer... >
ノックアウトでバインドする必要があります。
この単純な JavaScript は (ノックアウトなしで) 機能します。
<script type="text/javascript">
var BCLS = (function () {
return {
onMovieStartFunc: function (evt) {
videoPlayer.loadVideo("some hard coded id");
//I want to be able to change this id dynamically
}
}
}());
</script>
<object id="myObjectId">
<param name="@videoPlayer" value="videoPlayerValue"/>
<param name="templateLoadHandler" value="BCLS.onMovieStartFunc" />
</object>
これは機能しません: これらのプロパティをノックアウトでバインドするにはどうすればよいですか?
JavaScript:
<input type="button" data-bind='click: onMovieStartFunc' value="Start Video" />
<!-- /ko -->
HTML:
<!-- ko with: $data -->
<object id="myObjectId">
<param name="@videoPlayer" value="videoPlayerValue"/>
<param name="templateLoadHandler" value="onMovieStartFunc" />
</object>
<input type="button" data-bind='click: onMovieStartFunc' value="Start Video" />
<!-- /ko -->
正しく説明していることを確認するためにjsFiddleを作成しました
http://jsfiddle.net/acharyakrishna/ppZx5/2/
どんな助けでも大歓迎です。ありがとう。