Embedding video in html editor from image browser

[Enrico]

Hi, I was able to embed video using my own template and on change event under image browser.

                            change: function () {
                                var editor = $('#editor').data("kendoEditor");
                                var template = kendo.template($("#video-template").html());
                                var filename = $(".k-imagebrowser").find(".k-state-selected").children("strong").text();
                                var range = editor.getRange();
                                editor.selectRange(range);
                                editor.exec("insertHtml", { value: template({ source: $(".k-imagebrowser").data("kendoImageBrowser").dataSource.data()[0].blob + '/' + filename })});

                            }

 

but after the insert button click, it clears any content inside the editor.

 

[Enrico]

got a solution to my problem.

 

            $(document).on("click",".k-dialog-insert", function (e) {
                var editor = $('#editor').data("kendoEditor");
                var template = kendo.template($("#video-template").html());
                var range = editor.getRange();
                editor.selectRange(range);
                editor.exec("insertHtml", { value: template({ source: $("#urlHolder").val() }) });
            });

 

thanks!

[Rumen]

Hi Enrico,

Thank you for sharing your solution with the community. It may be helpful for your fellow developers, if you share your kendo.template($("#video-template") too.

Best regards,
Rumen
Progress Telerik

[Enrico]

Hi Rumen,

Sure!

<script type="text/x-kendo-template" id="video-template" style="width: 500px; height: 500px">
    <video id="video-file" class="video-js vjs-default-skin" controls controlsList="nodownload" style="min-height: 500px; min-width:500px" preload="auto"  data - setup="{}">
        <source src='#=source #' type="video/mp4">
    </video>
</script>

[Rumen]

Thank you very much for your contribution! I've updated your Telerik points for it.

Best regards,
Rumen
Progress Telerik