js怎么禁止div里的视频自动播放

Question

```javascript

<script>
        function showPopup(kay,url,href) {
            document.getElementById('popup' + kay).style.display = 'block';
        }
        function hidePopup(kay,url,href) {
            document.getElementById('popup' + kay).style.display = 'none'; 
            $("iframe").attr("src",'').show();
            location.reload();
        }
     </script>

```

Answer 1

以下回复参考：皆我百晓生、券券喵儿等免费微信小程序作答:

如果你想禁止 div 中的视频自动播放，可以使用 JavaScript 来实现这个功能。你可以在显示弹窗之前加入阻止自动播放的代码。当弹窗（含有视频的 div）显示时，移除视频播放的控制事件或设置视频的暂停状态。以下是你可以参考的代码：

假设你的视频标签是这样的：<video id="myVideo" src="video.mp4" autoplay></video>，其中 autoplay 属性让视频在页面加载后自动播放。你可以在显示弹窗的 JavaScript 函数中加入代码移除 autoplay 属性或者暂停视频。以下是一个例子：

function showPopup(kay) {
    // 获取视频元素
    var video = document.getElementById('myVideo');
    
    // 移除 autoplay 属性或者暂停视频
    if (video) {
        video.removeAttribute('autoplay'); // 或使用 video.pause(); 来暂停视频
    }

    document.getElementById('popup' + kay).style.display = 'block';
}

如果你的视频是嵌入在 iframe 中的，你可以使用 jQuery 来暂停视频或阻止自动播放：

function showPopup(kay) {
    // 找到 iframe 元素并暂停视频，或移除其 autoplay 属性
    $("#myIframe").contents().find("video").each(function(){
        $(this).attr('autoplay', false); // 或使用 $(this).pause(); 来暂停视频
    });
    document.getElementById('popup' + kay).style.display = 'block';
}

这里的 #myIframe 是 iframe 的 id，你需要替换为你实际的 iframe id。以上代码片段可以在显示弹窗前移除视频的 autoplay 属性或者暂停视频，从而达到禁止自动播放的目的。