Festlegen einer HTML-Objekteigenschaft mit Knockout?

Question

Ich habe folgende:

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

Ich versuche, weg von jQuery Manipulation zu bewegen und in Richtung KO.

Gibt es eine Möglichkeit, ich kann eine beobachtbare activeStream(event.stream) setzen und die DOM-Aktualisierung entsprechend? Etwas wie

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

Was sind meine Optionen?

Answer 1

Verwendung attr Bindungs ​​

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>