Cara membuat video player html dengan link Google Drive sebagai source videonya

oleh

Untuk membuat video player HTML dan JavaScript dengan menggunakan link dari Google Drive sebagai sumber video, Anda dapat mengikuti langkah-langkah berikut:

  1. Unggah Video ke Google Drive:
    • Unggah video Anda ke Google Drive.
    • Setelah video diunggah, klik kanan pada file video tersebut dan pilih “Dapatkan tautan berbagi” atau “Get shareable link”.
    • Pastikan tautan tersebut dapat diakses oleh publik. Anda dapat mengatur izin menjadi “Siapa saja yang memiliki tautan” atau “Anyone with the link”.
  2. Dapatkan ID Video:
    • Tautan berbagi Google Drive akan terlihat seperti ini: https://drive.google.com/file/d/VIDEO_ID/view?usp=sharing.
    • Salin bagian VIDEO_ID dari tautan tersebut.
  3. Buat HTML dan JavaScript:
    • Buat file HTML dan tambahkan kode berikut:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Video Player</title>
    <style>
        #video-container {
            width: 100%;
            max-width: 800px;
            margin: 0 auto;
        }
        #video-player {
            width: 100%;
        }
    </style>
</head>
<body>
    <div id="video-container">
        <video id="video-player" controls>
            <source src="" type="video/mp4">
            Your browser does not support the video tag.
        </video>
    </div>

    <script>
        // Ganti VIDEO_ID dengan ID video Anda
        var videoId = 'VIDEO_ID';
        var videoSource = 'https://drive.google.com/uc?export=download&id=' + videoId;

        document.getElementById('video-player').src = videoSource;
    </script>
</body>
</html>
  1. Simpan dan Buka File HTML:
    • Simpan file HTML tersebut di komputer Anda.
    • Buka file HTML tersebut menggunakan browser web untuk melihat video player.

Dengan mengikuti langkah-langkah di atas, Anda seharusnya dapat membuat video player sederhana yang menggunakan video dari Google Drive sebagai sumbernya. Pastikan tautan video dapat diakses oleh publik agar video dapat diputar tanpa masalah.

Post Views: 18