Scribd Logo
Upload

Welcome to Scribd!

  • HTML

    Uploaded by

    Sơn Hoàng
    2 views1 page
    This document contains HTML and JavaScript code to build a video player with controls to play, stop, fast forward, rewind videos, and adjust the playback speed up to 8x. The player gets the video URL from an input field and uses different functions like play(), pause(), and changing the currentTime and playbackRate to implement the controls.

    Original Description:

    Original Title

    html.txt

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document contains HTML and JavaScript code to build a video player with controls to play, stop, fast forward, rewind videos, and adjust the playback speed up to 8x. The player gets the video URL from an input field and uses different functions like play(), pause(), and changing the currentTime and playbackRate to implement the controls.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as txt, pdf, or txt
    2 views1 page

    HTML

    Uploaded by

    Sơn Hoàng
    This document contains HTML and JavaScript code to build a video player with controls to play, stop, fast forward, rewind videos, and adjust the playback speed up to 8x. The player gets the video URL from an input field and uses different functions like play(), pause(), and changing the currentTime and playbackRate to implement the controls.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as txt, pdf, or txt
    of 1

    <!

    DOCTYPE html>
    <html>
    <head>
    <title>Playback Video</title>
    <style>
    video {
    width: 640px;
    height: 480px;
    }
    </style>
    </head>
    <body>
    <div>
    <label for="url-input">Enter Video URL:</label>
    <input type="text" id="url-input"
    value="http://example.com/video.h264">
    <button onclick="play()">Play</button>
    <button onclick="stop()">Stop</button>
    <button onclick="forward()">Fast Forward</button>
    <button onclick="rewind()">Rewind</button>
    <button onclick="doubleSpeed()">2x Speed</button>
    <button onclick="quadSpeed()">4x Speed</button>
    <button onclick="eightSpeed()">8x Speed</button>
    </div>
    <video id="video-player"></video>
    <script>
    var videoPlayer = document.getElementById("video-player");
    var urlInput = document.getElementById("url-input");
    function play() {
    videoPlayer.src = urlInput.value;
    videoPlayer.play();
    }
    function stop() {
    videoPlayer.pause();
    videoPlayer.currentTime = 0;
    }
    function forward() {
    videoPlayer.currentTime += 5;
    }
    function rewind() {
    videoPlayer.currentTime -= 5;
    }
    function doubleSpeed() {
    videoPlayer.playbackRate = 2;
    }
    function quadSpeed() {
    videoPlayer.playbackRate = 4;
    }
    function eightSpeed() {
    videoPlayer.playbackRate = 8;
    }
    </script>
    </body>
    </html>

    You might also like