I am doing this website where the user registers and uploads a video using youtube link. I don't want to use a Youtube Channel. I am new to programming in php and i have no idea as to how to go about this. The page also has to have a category list of the videos on the website after the user uploads a video.
Any help would be appreciated
edit: here is what i got so far, i don't know how i got here, all i know is that it doesn't work. It has a modal which lets the user input the video link and import it to a page that will display all videos.
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>test 1</title>
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/bootstrap-theme.min.css">
<link rel="stylesheet" href="assets/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/css/style.css">
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
</head>
<body>
<div class="col-md-8">
<div class="video-embed-iframe">
<div class="embed-responsive embed-responsive-16by9">
<iframe src="http://www.youtube.com/embed/{$videos_youtube_id}?autoplay={$player_autoplay}&showinfo={$player_showinfo}&rel={$player_related}&controls={$player_controls}&loop={$player_loop}&color={$player_color}" allowfullscreen></iframe>
</div>
</div>
<div class="modal fade" id="upload-modal">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title"><span class="fa fa-upload"></span> {$lang_upload_new_videos}</h4>
</div>
<div class="modal-body">
<div id="upload-message"></div>
<form id="upload-form" method="POST" action="">
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label for="category">{$lang_category} <span>*</span> </label>
<select class="form-control" name="category" id="category">
{section name=x loop=$categories}
<option value="{$categories[x].id}">{$categories[x].category}</option>
{/section}
</select>
</div>
<div class="form-group">
<label for="link">{$lang_videos_link} <span>*</span> </label>
<input type="text" class="form-control" name="link" dir="ltr" id="link" placeholder="https://www.youtube.com/watch?v=uJcB3ZaaLlA" />
<p class="help-block" dir="ltr">youtube video link</p>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" id="import_btn" class="btn btn-inverse pull-left">{$lang_import}</button>
</div>
</form>
</div>
</div>
</div>
</body>
</html>