salve, vorrei sapere dove sbaglio, vorrei creare una lista pm4 url, ma quando inserisco un url il video non parte, dove sto sbagliando?
file html
codice:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="style.css">
<title>Html And CSS Video Playlist</title>
</head>
<body>
<section>
<h2 class="title"></h2>
<div class="container">
<div id="video_player">
<video controls id="main-Video" src=""></video>
</div>
<div class="playlistBx">
<div class="header">
<div class="row">
<span class="AllLessons"></span>
</div>
</div>
<ul class="playlist" id="playlist">
</ul>
</div>
</div>
</section>
<script src="./video-list.js"></script>
<script src="./script.js"></script>
</body>
</html>
file js
codice:
let allVideos = [
{
name: "Digital Clock",
src: "Digital Clock Ui Design",
id: "vid_1"
},
{
name: "Creativ Html",
url: "Creativ using Html",
id: "vid_2"
},
{
name: "Confirm Password using Html CSS & js",
src: "Confirm Password using Html CSS & js",
id: "vid_3"
},
{
name: "Creative Card Hover Effect",
src: "Creative Card Hover Effect ",
id: "vid_4"
},
{
name: "Creative Digital Clock Ui Design",
src: "Creative Digital Clock Ui Design - Html Css & Vanilla Javascript-1",
id: "vid_5"
},
{
name: "Creative Our Team Section",
src: "Creative Our Team Section Using HTML & CSS Neumorphism",
id: "vid_6"
},
{
name: "Filter Text Animation Using Html and CSS",
src: "Filter Text Animation Using Htm and Pure CSS",
id: "vid_7"
},
{
name: "Glassmorphism Calculater New Design",
src: "Glassmorphism Calculater New Design Html",
id: "vid_8"
},
{
name: "How To Make Cheatsheet",
src: "How To Make Cheatsheet Using Html, CSS and Javascript",
id: "vid_9"
},
{
name: "How to create Login Form",
src: "How to create Login Form Using Html and CSS",
id: "vid_10"
},
{
name: "How To Make Animated Menu Icon",
src: "How To Make Animated Menu Icon Using Html",
id: "vid_11"
},
{
name: "How to make Read More Function",
src: "How to make Read More Function using Html",
id: "vid_12"
},
{
name: "Vertical Navigation Bar",
src: "Vertical Navigation Bar Using Html And CSS",
id: "vid_13"
}
]