b站iframe引用代码视频,js显示 隐藏 停止 播放 等控制功能

如图,把b站视频引入自己网站,是没法用js的方式实现播放暂停功能.来控制,因为他提示不同源,如下面的提示错误
Failed to read a named property ‘document’ from ‘Window’:
Blocked a frame with origin “” from accessing a cross-origin frame.
但我们可以用删除iframe的src地址的方式实现
代码示例

<style>

    img{width:100%;display:block;margin-bottom:5px;}  
	#about-page{background:#f5f5f5;padding-top:80px}
	video{width:100%;height:auto}
	
	 .div2,#float1{position:fixed;_position:absolute;
    top:45px;right:0; z-index:250;}
  button{float:right;display:block;margin:5px}
  #myVideoiframe{min-height:200px;width:100%}
</style>
 <section id="about-page">
    <div id="float1"style="margin:0 auto;display:none">
	<button onclick="showVideo()">显示视频</button>
	</div> 	
	
  <div id="float2"style="margin:0 auto;background:#000;">

<iframe id="myVideoiframe"src="//player.bilibili.com/player.html?isOutside=true&aid=113792071507929&bvid=BV111rYY1E5K&cid=27762820747&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>
 <button onclick="pauseVideo()">关闭视频</button>

</div> 	      
    </section>

<input id="hide_input" type="hidden" style='opacity: 0'>
<script>
function pauseVideo() {
var iframe = document.getElementById('myVideoiframe');
var iframeSrc = iframe.src;
//alert(iframeSrc);
      $("#hide_input").val(iframeSrc);
	  iframe.src = '';
  $('#float2').stop().fadeOut();
  $('#float1').show();
}
function showVideo() {
var iframe = document.getElementById('myVideoiframe');
iframe.src = $("#hide_input").val();;

   $('#float2').show();
  $('#float1').stop().fadeOut();
}
</script>