Adding extra code in bbcode view

[dmdotin]

I made 2 buttons

1 for youtube

`videoyoutube: {

  title: "Insert Youtube Video",
  buttonHTML: '<i class="fa fa-youtube fa-2x"></i>',
  modal: { //Description of modal window
    title: "Insert Youtube Video",
    width: "600px",
    tabs: [
      { //First tab
        title: "Add Youtube Video ID",
        input: [ //List of form fields
          {param: "SRC",title:"Enter Youtube ID",validation: '^([a-z0-9_-]+)$'}
        ]
      },
      { //The second tab
        title: "How to get Youtube ID ?",
        html: "<p><h4>Check Youtube Video URL / Link</h4></p> <p> <h5>Ex: https://www.youtube.com/watch?v=<b>qi2m4V21bw4</b></h5></p> <p> OR</p> <p><h5> https://youtu.be/<b>qi2m4V21bw4</b> </h5></p> <p>Above URL Youtube ID will be <b><font color=blue>qi2m4V21bw4</font></b></p>"
      },
    ],
    onLoad: function() {
      //Callback function that will be called after the display of a modal window
    },
    onSubmit: function() {
      //Callback function that will be called by pressing the "Save"
      //If function return false, it means sending data WysiBB not be made
    }
  },
  transform: {
    '<iframe src="http://www.youtube.com/embed/{SRC}" width="640" height="480" frameborder="0"></iframe>':'[youtube]{SRC}[/youtube]'
  }

},`

2nd for vimeo

`videovimeo: {

  title: "Insert Vimeo Video",
  buttonHTML: '<i class="fa fa-vimeo fa-2x"></i>',
  modal: { //Description of modal window
    title: "Insert Vimeo Video",
    width: "600px",
    tabs: [
      { //First tab
        title: "Add Vimeo Video ID",
        input: [ //List of form fields
          {param: "SRC",title:"Enter Vimeo ID",validation: '^([0-9_-]+)$'}
        ]
      },
      { //The second tab
        title: "How to get Vimeo ID ?",
        html: "<p><h4>Check Vimeo Video URL / Link</h4></p> <p> <h5>Vimeo URL - https://vimeo.com/<b>67847803</b> </h5></p> <p>Above URL Vimeo ID will be <b><font color=blue>67847803</font></b></p>"
      },
    ],
    onLoad: function() {
      //Callback function that will be called after the display of a modal window
    },
    onSubmit: function() {
      //Callback function that will be called by pressing the "Save"
      //If function return false, it means sending data WysiBB not be made
    }
  },
  transform: {
    '<iframe src="https://player.vimeo.com/video/{SRC}" width="640" height="480" frameborder="0"></iframe>':'[vimeo]{SRC}[/vimeo]'
  }

},`

Once i Insert all working fine .. But Once i check source through BBCODE button then Vimeo code will change to

[vimeo]123456[/vimeo][youtube][/youtube]

Each time i check source with BBCODE Button [youtube][/youtube] code will be added after [vimeo]123456[/vimeo] code shown the above line .. :(

Any one can help .. Thanks in advance