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" } ]
Rispondi quotando