for循环内容弹窗视频关闭自动播放代码

如果你想在for循环中展示视频，并允许用户手动开启或关闭视频的自动播放功能，可以在HTML中使用一些交互式元素，并配合JavaScript来控制视频的行为。下面是一个简单的示例：

首先，在PHP中生成HTML，包含一个视频元素和一个切换自动播放状态的按钮：

<?php
$videos = ['video1.mp4', 'video2.mp4', 'video3.mp4']; // 视频文件名数组

foreach ($videos as $index => $video) {
?>
<div class="video-container">
    <video src="<?php echo $video ?>" id="video_<?php echo $index ?>" controls></video>
    <button onclick="toggleAutoPlay(<?php echo $index ?>)">【自动播放】</button>
</div>
<?php
}
?>

接下来，在JavaScript中编写一个函数来控制视频的自动播放状态：

<script>
function toggleAutoPlay(videoIndex) {
    var videoElement = document.getElementById('video_' + videoIndex);
    if (videoElement.autoplay) { // 当前已自动播放
        videoElement.pause();
        videoElement.removeAttribute('autoplay');
        document.querySelector('#video_<?php echo $index ?> button').innerText = "[自动播放]";
    } else { // 当前未自动播放
        videoElement.play();
        videoElement.setAttribute('autoplay', '');
        document.querySelector('#video_<?php echo $index ?> button').innerText = "[关闭自动播放]";
    }
}
</script>

这个代码中，每个视频都有一个按钮，点击后会切换视频的自动播放状态。如果当前已自动播放，则暂停并移除`autoplay`属性；如果未自动播放，则开始播放并添加`autoplay`属性。