vue在页面嵌入别的页面或者是视频2

 vue在页面嵌入别的页面或者是视频

以下是嵌入页面

<iframe name="myiframe" id="myrame" src="http://xxx.com/" frameborder="0" align="left" width="100%" height="100%"  scrolling="auto" marginWidth=0 marginHeight=0 class="iframesty" onload="changeFrameHeight()">
   <p class="tip">你的浏览器不支持iframe标签</p>
</iframe>

 

scrolling="auto"=》可以滚动

scrolling="no"=》不可以滚动

onload="changeFrameHeight()=》根据适配的font-size大小改变初始化时候的高度
在index.html页面写js

window.addEventListener("orientationchange", resetrem);
      window.addEventListener("resize",resetrem);
      function resetrem(){
          var fs = parseInt(document.querySelector("html").style.fontSize)
          return fs
      }
      function changeFrameHeight(){
          var fs = resetrem()
          var ifm = document.getElementById('myrame');
          ifm.height = document.documentElement.clientHeight - fs-6
      }

 

嵌入视频

<div class="toast" :class="{tshow:toastshow}" style="width:90%;height:300px">
     <iframe frameborder="0" :src="this.video_url" allowFullScreen="true" style="width:100%;height:300px" ></iframe>
</div>
<div :class="{mask:maskshow}" @click="hidden_video" @touchmove.prevent></div>