AI game creator

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

No:23294

←

Prev Next

→

YouTube simulator
Developer User8620｜Date and time 23/10/29 18:15:55
Build time 60.171 sec｜Game capacity 2.377KB｜

Script

▶

▶/⏸ ⏩ ⏪ 👍 👎

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
  <head>
    <title>Simulateur de YouTube</title>
    <style>
      body {
        font-family: Arial, sans-serif;
      }

#video-container {
        width: 300px;
        height: 200px;
        background-color: black;
        position: relative;
        margin: 0 auto;
      }

#play-button {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 24px;
        color: white;
        cursor: pointer;
      }

#play-button:hover {
        color: lightgray;
      }

#controls-container {
        text-align: center;
      }

.control-button {
        font-size: 18px;
        margin: 5px;
        color: #0275d8;
        cursor: pointer;
      }

.control-button:hover {
        color: #014c8c;
      }
    </style>
  </head>
  <body>
    <div id="video-container">
      <div id="play-button">▶</div>
    </div>
    <div id="controls-container">
      <span class="control-button" onclick="togglePlay()">▶/⏸</span>
      <span class="control-button" onclick="skipForward()">⏩</span>
      <span class="control-button" onclick="skipBackward()">⏪</span>
      <span class="control-button" onclick="like()">👍</span>
      <span class="control-button" onclick="dislike()">👎</span>
    </div>

// Function to toggle between play and pause
      function togglePlay() {
        const playButton = document.getElementById("play-button");

if (isPlaying) {
          isPlaying = false;
          playButton.innerText = "▶";
        } else {
          isPlaying = true;
          playButton.innerText = "⏸";
        }
      }

// Function to skip forward
      function skipForward() {
        // Implement your logic to skip forward
      }

// Function to skip backward
      function skipBackward() {
        // Implement your logic to skip backward
      }

// Function to like the video
      function like() {
        likes++;
        alert("Liked the video!");
      }

// Function to dislike the video
      function dislike() {
        dislikes++;
        alert("Disliked the video!");
      }
    </script>
  </body>
</html>