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

js jquery html append createobjecturl

火爆浪子 2018-08-15 11:52:25 ‧ 2685 瀏覽

分享至

$('#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 可以直接顯示影片？（直接啟用ＨＴＭＬ）？

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

2 個回答

跟著鄉民看熱鬧

iT邦高手 1 級 ‧ 2018-08-15 12:14:34

最佳解答

這樣…

    $('.ql-editor').html('<video><source src="'+videoUrl+'"></video>');

回應 2
分享
檢舉

火爆浪子 iT邦研究生 1 級 ‧ 2018-08-15 12:22:54 檢舉

好像是編輯器讓我沒辦法這樣做...
quilljs

跟著鄉民看熱鬧 iT邦高手 1 級 ‧ 2018-08-15 12:29:36 檢舉

https://stackoverflow.com/questions/42176655/inserting-html-or-templates-with-quill-js

登入發表回應

炎之虛空

iT邦高手 3 級 ‧ 2018-08-15 13:11:42

http://www.w3school.com.cn/jquery/manipulation_appendto.asp

回應
分享
檢舉

登入發表回應

我要發表回答

立即登入回答

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

2 個回答

我要發表回答

標記使用者