iframe video을 javascript에서 제어하기

<div class="modal fade" id="addGroup2" onclick="test()" >
<div class="modal-dialog modal-dialog-centered" >
<div class="modal-content"id="testtest">

<iframe  width="700" height="400" id="iframecontent"  src="https://play/playlist.m3u8" frameborder="0"></iframe>

</div>
</div>
</div>

 

iframe 안에있는 url 을 javascript 로 stop 하고싶다.

하지만. iframe을  제어를 못하겠다 

그래서 아에 날려버렸다.

 

<div class="modal fade" id="addGroup2" onclick="test()" >
<div class="modal-dialog modal-dialog-centered" >
<div class="modal-content"id="testtest">



</div>
</div>
</div>

[해결방법]

javascript로 아에 제어해버릴거다.

$(function(){
    $('#addGroup2').click(function(){
        $('iframe').remove();
    })
})

function addiframe(){
    var html = "";
        html += "<iframe  width='700' height='400' id='iframecontent'  src='https://play.playlist.m3u8' frameborder='0'>";
        html += "</iframe>";
    $('#testtest').html(html);

}