for循环里的内容怎么关闭自动播放视频，视频是网络分享的HTML

Question

<?php
  for($kay=0;$kay<count($newarr);$kay++){
        $val=$newarr[$kay]; 
        ?>
<style>
       .popup {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            z-index: 9999;
        }

       .popup-content {
            background-color: #fff;
           display: flex;
           flex-basis: content;
            word-break:break-all;
            max-width: 490px;
            max-height: 100%;
            margin: 100px auto;
            padding: 10px;
            border-radius: 5px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        }
    .close {
          position: absolute;
          top: 20px;
          font-weight: bold;
          cursor: pointer;
  }
    </style>
    <?php
  for($kay=0;$kay<count($newarr);$kay++){
        $val=$newarr[$kay]; 
        ?>
<table style="width:526px;border-style: solid;word-break: break-all;" border=0">
    <tr>
    <td style="font-size:16px;" >
<span style="text-decoration: underline;margin-left: 10px; font-size:16px;cursor: pointer;" onclick="showPopup(<?php echo $kay;?>)"><?php echo $val['zhu2']; ?></span>
    </td>
<td style="border-color: #6495ED;background-color:RGB(132,194,37);text-align:right;height:35px;" >
    <span id="<?php echo $kay ?>" style="font-size:13px;" autoplay="false"></span>&nbsp;
    </td>
    </tr>
</table>
<hr style="border: 1px dashed #d9d6c3;">
    <?php }?>
    <?php
  for($kay=0;$kay<count($newarr);$kay++){
        $val=$newarr[$kay]; 
        ?>
        <div id="popup<?php echo $kay;?>" class="popup">
            <div class="popup-content" style="" id="myVideo" autoplay="false">
                <?php echo $val['zhu']; ?>
<a class="close" style="font-size:60px;color: #fff;" onclick="hidePopup(<?php echo $kay;?>) ;">×</a>
            </div>
</div>
<?php }?>
<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'; 
        }
     </script>
    <?php }?>

Answer 1

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

要在循环内的内容中关闭自动播放视频，你需要确保在插入视频标签时设置 autoplay 属性为 false 或者移除该属性。在你的代码中，视频标签是通过 PHP 循环生成的，因此你需要确保在这些循环内对 autoplay 属性进行适当的控制。这里是一些可能的修改步骤：

1. 确保HTML标签的生成不会默认启用自动播放：在生成视频标签时，不要包含 autoplay="true" 属性。在你的代码中，看起来你已经正确地设置了 autoplay="false" 或没有设置 autoplay 属性，这有助于避免自动播放。但还需要确保嵌入的视频本身不会尝试自动播放。这通常涉及到控制视频的源设置。

2. 控制视频的自动播放行为：如果视频源（如 YouTube 或其他视频分享平台）有自己的自动播放设置，你可能需要利用额外的 JavaScript 代码来禁止视频播放，直到用户与页面进行交互（例如点击或触发某个事件）。这就需要具体了解这些服务提供的嵌入方法以及如何控制播放行为。

针对你的代码片段，看起来你已经设置了 autoplay 属性为 false，并且使用了 JavaScript 函数来控制弹出窗口的显示和隐藏。如果这些函数正确地阻止了视频的自动播放（例如在 showPopup 函数中），那么你的代码应该是可以控制视频自动播放的。但是，如果视频源有自己的自动播放逻辑，你可能还需要处理这些情况。

此外，确保你的网页遵循最佳实践和用户期望，避免不必要的自动播放视频，因为这可能会对用户体验产生负面影响。通常建议让用户通过交互（如点击）来启动视频播放。