用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>