上傳影片後我想將語法丟到 div 內？使用 append 丟入？但是不給丟 <video>

Question

$('#uploadVideo').change(function(event) {
    var video = this.files[0];
    var videoUrl = window.URL.createObjectURL(video);
    $('.ql-editor').append('<video><source src="'+videoUrl+'"></video>');
  });

<input type="file" id="uploadVideo" accept="video/*"></div>
<div class="ql-editor" contenteditable="true"></div>

更新：我已經可以取得預覽網址了
但是我發現丟入<video>XXX網址</video>不行。只會出現 <br>
<strong>Strong text!</strong>卻可以
請問要怎麼讓整段 <video> 標籤進入？
甚至我直接丟進去 ql-editor 可以直接顯示影片？（直接啟用ＨＴＭＬ）？

Answer 1

这样改

$('#uploadVideo').change(function(event) {
    var $editor = $('.ql-editor');
    $editor.append('<video controls="controls">XXX網址</video>');
    var $video = $('.ql-editor video');
    $video[0].src = URL.createObjectURL(this.files[0]);
    $video[0].load();
  });