javascript - 如何显示从服务器上传的视频，回到网站的 div 标签内？我还想为每个视频提供社交分享选项？

Question

如何仅显示来自服务器的特定文件[.mp4]上传的视频[使用foreach循环条件]，回到网站的div标签内？我还想为每个视频提供社交分享选项？

<section>
<div id ="getFile">
<script type="text/javascript">

$("#getFile").html('');
$("#getFile").html('<video src="pathto/myserver/video.mp4" controls></video>');

</script>  
</div>
</section>

每个视频的社交分享选项： 1.Facebook 2.Twitter 3.YouTube 4.Google Plus 5.Instagram

我认为这可以使用 JQuery 和 PHP 的组合来实现，尽管我不确定作为新手。

我想使用 php 在 div 中显示上传的文件，可能使用 for 循环，最近上传的文件以（最新的优先）顺序显示。我的 html 文件代码也给出了。

我使用 PHP 作为我的后端。帮助将不胜感激。提前致谢。

//my php file//

<?php 

$resource = opendir('resources/uploadFiles/');

//loop for all files
while(($entry = readdir($resource)) !== False) {
if($entry !='.' && $entry !='..')
{
echo($entry)."<br />";
}
}
?>

Answer 1

enter code here
$("#getFile").html('');
$("#getFile").html('<video src="address of the uploaded-folder on server" controls></video>');

这会将新视频附加到 html 中。我不确定您在社交分享中想要什么