Click here for free DL of the app version that can save data.

No:23864

YouTube simulator with video
Developer User8620｜Date and time 23/11/4 0:55:51
Build time 58.866 sec｜Game capacity 2.653KB｜

Script

YouTube Simulator

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
  <title>YouTube Simulator</title>
</head>
<body>
  <div>
    <h1>YouTube Simulator</h1>
    <img src="play_button.png" id="playButton" onclick="playVideo()" />
    <div id="videoContainer"></div>
    <div id="commentsContainer"></div>
  </div>
  
  <script>
    // Pictograms and video URLs
    const videos = [
      { pictogram: "video_icon1.png", url: "https://www.youtube.com/watch?v=video1" },
      { pictogram: "video_icon2.png", url: "https://www.youtube.com/watch?v=video2" },
      { pictogram: "video_icon3.png", url: "https://www.youtube.com/watch?v=video3" }
    ];
    
    // Display available videos as pictograms
    function displayVideos() {
      const videoContainer = document.getElementById("videoContainer");
      
      videos.forEach(video => {
        const videoPictogram = document.createElement("img");
        videoPictogram.src = video.pictogram;
        videoPictogram.onclick = () => playVideo(video.url);
        videoContainer.appendChild(videoPictogram);
      });
    }
    
    // Play selected video
    function playVideo(videoURL) {
      const videoContainer = document.getElementById("videoContainer");
      const commentsContainer = document.getElementById("commentsContainer");
      
      // Hide video pictograms
      videoContainer.style.display = "none";
      
      // Display video player
      const videoPlayer = document.createElement("iframe");
      videoPlayer.src = videoURL;
      videoPlayer.width = "560";
      videoPlayer.height = "315";
      videoContainer.appendChild(videoPlayer);
      
      // Display comments section
      const commentsHeader = document.createElement("h2");
      commentsHeader.textContent = "Commentaires";
      commentsContainer.appendChild(commentsHeader);
      
      // Fetch and display comments
      fetchComments(videoURL);
    }
    
    // Fetch comments for the video
    function fetchComments(videoURL) {
      // Simulating a network request delay
      setTimeout(() => {
        const commentsContainer = document.getElementById("commentsContainer");
        
        const comment1 = document.createElement("p");
        comment1.textContent = "Commentaire 1";
        commentsContainer.appendChild(comment1);
        
        const comment2 = document.createElement("p");
        comment2.textContent = "Commentaire 2";
        commentsContainer.appendChild(comment2);
        
        const comment3 = document.createElement("p");
        comment3.textContent = "Commentaire 3";
        commentsContainer.appendChild(comment3);
      }, 2000);
    }
    
    displayVideos();
  </script>
</body>
</html>