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