knockoutでHTMLオブジェクトのプロパティを設定していますか？

Question

私は、次があります。

var $video = $('<video autoplay></video>').css('max-width', '100%'); 
$video[0].srcObject = event.stream; 

私はjQueryの操作からとノックアウトの方に離れて移動しようとしています。

観測可能なactiveStream(event.stream)を設定し、それに応じてDOMを更新する方法はありますか？何かのように

<video data-bind="htmlProperty: {srcObject: activeStream}" autoplay></video> 

私のオプションは何ですか？

Answer 1

使用attr結合

function ViewModel() { 
 
    this.url = ko.observable("https://www.w3schools.com/html/mov_bbb.mp4"); 
 
}; 
 
var vm = new ViewModel(); 
 
ko.applyBindings(vm);

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script> 
 
<video controls data-bind="attr: { src : url }"></video>