如何用iframe插入视频 禁止自动播放

要在HTML中使用iframe插入视频并禁止其自动播放，你可以按照以下步骤操作：

1. 创建一个HTML结构，包含一个iframe元素：

<iframe id="myVideoIframe" src="" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowfullscreen></iframe>

2. 使用JavaScript动态设置`src`属性为你的视频URL，并添加自定义属性来控制自动播放。这里可以创建一个函数来处理这个逻辑：

function insertVideo(src, autoplay) {
  var iframe = document.getElementById('myVideoIframe');
  iframe.src = src;
  
  // 添加属性防止自动播放（如果autoplay为false）
  if (!autoplay) {
    iframe.setAttribute("autoplay", "false");
    iframe.setAttribute("playsinline", "true"); // 一些浏览器需要这个属性才能手动播放
    iframe.addEventListener('load', function() {
      iframe.contentWindow.postMessage({ name: 'play', value: true }, '*'); // 视频页面接收消息播放
    });
    iframe.contentWindow.addEventListener('message', function(event) {
      if (event.data.name === 'pause') {
        iframe.pause();
      }
    });
  }
}

// 调用函数，传递视频URL和是否自动播放的布尔值
insertVideo('https://your-video-url.com', false);

在这个例子中，我们首先加载视频，然后阻止其自动播放，并设置了`playsinline`以便用户可以直接点击播放。同时，我们通过发送postMessage给视频页面来控制播放状态。