首页 > 解决方案 > 在while循环中正确放置HTML代码

问题描述

我有一个带有一些 Javascript 的 HTML 视频播放器(见下面的代码)(见这里的代码)。我的视频文件记录在数据库中(见下文)

在此处输入图像描述

这是我的 HTML 代码:

<video class="videoPlayer" id="videoplaylist" preload="auto" tabindex="0" controls="">
    <source src="video1.mp4">
</video>
<ul id="playlist">
    <li>
    <a href="video2.mp4"></a>
    </li>
    <li>
    <a href="video3.mp4"></a>
    </li>
</ul>

我正在尝试循环浏览数据库中的视频,但上面的 HTML 结构代码正确。我在将代码正确放置在 while 循环中时遇到问题。将来,如果要将更多视频添加到数据库中 - 唯一要添加的将是“播放列表”ID 下的更多li (列表项)。

例如:

<li>
<a href="video4.mp4"></a>
</li>
<li>
<a href="video5.mp4"></a>
</li>
<li>
<a href="video6.mp4"></a>
</li>

这是我的带有 while 循环的 SELECT sql

$sql = "SELECT title, video_src FROM videos WHERE username = 'admin' ";
$result = $conn->query($sql);

if ($result->num_rows > 0) {
  // output data of each row
  while($row = $result->fetch_assoc()) {

    // HTML VIDEO PLAYER CODE NEEDS TO GO HERE
    echo $row['src'];

  }
} else {
  echo "no video results found";
}

标签: php

解决方案


在 while 循环中添加了您的 HTML 代码:

if ($result->num_rows > 0) {
      // output data of each row
      while($row = $result->fetch_assoc()) {
    
        echo '<li>
    <a href="'.htmlspecialchars($row['src']).'"></a>
    </li>';
       
    
      }
    } else {
      echo "no video results found";
    }

循环外/无循环:

if ($result->num_rows > 0) {
          
     $row = $result->fetch_assoc()
        
      echo '<li><a href="'.htmlspecialchars($row['src']).'"></a></li>';
           
        
  
   } else {
          echo "no video results found";
  }

推荐阅读