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