Video = {}; Video.posterData = ""; Video.snap = function() { el = $(".video-edit-poster"); $(".video-setposter", el).prop("disabled", false); var video = $(".video-player", el)[0]; var copy = $(".video-copy", el)[0]; var preview = $(".video-preview", el)[0]; copy.width = video.width; copy.height = video.height; var copyCtx = copy.getContext("2d"); copyCtx.drawImage(video, 0, 0, video.width, video.height); var data = copy.toDataURL("image/jpeg"); preview.src = data; // el["cmdarg[data]"].value = data; Video.posterData = data; return false; }; Video.setPoster = function() { var query = { foo: "bar", data: Video.posterData } WB.Ajax.VFS.hdl.exec('setposter', query); }; Video.onHide = function() { $(".video-player")[0].pause(); }; $(WB.Ajax.VFS.hdl.element).on("hide.bs.modal", Video.onHide);

Video Poster

Zum Austauschen des Posters das Video abspielen und Schnappschüsse aufnehmen. Den gewünschten Schnappschuss speichern.

Canvas