VUE：iframe访问并展示外部网址或者视频

简介

在H5网址、APP等项目中，会有访问外部链接、播放网上视频的需求。

具体实现

上一个页面，传入三个 参数，分别是type（0 图文，1 视频，注意最好是用字符窜的格式）、url（图文或视频的网络外部链接地址）、logoUrl（logo图，用来展示视频封面用的）。

<template>
  <div>
    <iframe v-if="materialData.type === '0'" :src="materialData.url" marginwidth="0" marginheight="0" frameborder="0" :width="iframeWidth" :height="iframeHeight" class="iframeCss"></iframe>
    <div v-else-if="materialData.type === '1'" class="videoPlayBox">
      <video ref="videoEle" preload="auto" id='my-video' :src="materialData.url" :playsinline="true" :webkit-playsinline