https://medytox.com/weven_asset/js/bm/com/tooloption/ToolOpVideoConnect.js

1
2/**
3 * Created by kjhmac on 2017-01-15.
4 */
5
6
7var ToolOpVideoConnect = function(){
8
9    var _this = this;
10
11    this.element = bm.html(
12        '<div class="option_con is_bg_color video_connect_option">'
13        +'<div class="option">'
14        +'<div class="option_row">'
15        +'<span class="radio_con"> <input type="radio" name="link_type" value="youtube" id="youtube" checked="checked"> <label for="youtube">Youtube</label> &nbsp; </span>'
16        +'<span class="radio_con"> <input type="radio" name="link_type" value="vimeo" id="vimeo"> <label for="vimeo">Vimeo</label> &nbsp; </span>'
17        +'<span class="text_link_help"></span>'
18        +'<div class="text_link_help_box">'
19        +'<p>url 입력법 설명</p>'
20        +'<ol class="order_list_con">'
21        +'<li>url 입력 방법 설명 (iframe 입력방법 등)</li>'
22        +'</ol>'
23        +'</div>'
24        +'</div>'
25        +'<div class="option_row">'
26        +'<input type="text" name="" id="videoUrl" class="editor_input_text" value="https://youtu.be/cPBPcNmm8fQ" placeholder="주소명"> &nbsp;<input type="button" id="videoConfirmBtn" class="editor_input_button" value="확인" style="cursor: pointer;">'
27        +'</div>'
28        +'</div>'
29        +'</div>'
30    );
31
32    this.onUrlConfirmBtnClick = function(){
33        var op;
34        var videoUrl = $("#videoUrl").val();
35        var videoType = $(_this.element).find('input[name="link_type"]:checked').val();
36
37        op = { "src" : videoUrl };
38
39        if( _this.callback ){
40            _this.callback( videoType, op );
41        }
42    }
43}
44
45bm.extend( ToolOpBase , ToolOpVideoConnect );
46
47ToolOpVideoConnect.prototype.registListener = function(){
48    var _this = this;
49
50    $(this.element).find('#videoConfirmBtn').on('click', function(){
51        _this.onUrlConfirmBtnClick();
52    });
53
54    $(this.element).find('#videoUrl').on("keydown", function(e){
55        if(e.keyCode == 13){
56            _this.onUrlConfirmBtnClick();
57        }
58    });
59
60}
61
62
63ToolOpVideoConnect.prototype.removeListener = function(){
64    $(this.element).find('#videoConfirmBtn').off();
65    $(this.element).find('#videoUrl').off();
66}