Studi Informatika

Panduan Pembelajaran Ilmu Teknologi & Komputer

Sunday, April 15, 2018

Cara Meletakkan Video dan Audio di HTML

Seperti biasa sebelumnya siapkan dulu xampp dan notepad ++, aktifkan xampp dengan klik start pada apache dan mysql jika perlu.


kemudian buka juga notepad++.

Selanjutnya buat lah folder di local dick (C:) => xampp > htdocs => buat folder di dalam htdocs dengan nama folder yang nanti akan di panggil di locahost sama seperti cara pada membuat biodata yang telah di bahas pada artikel sebelumnya.

Baca Juga : Cara Membuat Biodata Keren dan Menarik di HTML

Baca Juga :

Selanjutnya setelah buka notepad++ copy kan coding html di bawah

<html>
<head>
<title> Uefa Champions Ligue </title>
<body background='uclvs.png'>
<h1 align='center'> <p style="color:red;"> Semi Final </p> </h1>
<h2 align='center'> <p style="color:white;"> Bayern Munchen VS Real Madrid </p> </h2>
<center><iframe width="560" height="315" src="https://www.youtube.com/embed/eyGG-zxA6dQ" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe></center>
<center><audio controls='#' loop='loop'>
    <source src='sounducl.mp3' type='audio/mpeg'></audio>
    <br></br>
</body>
</head>
</html>


Kemudian pastekan ke notepad++

setelah di paste simpan notepad ++ ke folder yang di buat tadi yang jelaskan diatas


Keterangan coding di atas :
warna merah => background bernama 'uclvs' dengan format 'png' silahkan diganti dan simpan gambar background tersebut di folder tempat menyimpan notepad++

warna hijau => coding yang berwarna hijau diatas adalah code embed yang di ambil  dari youtube, silahkan diganti dengan video youtube yang di inginkan cara nya adalah.
buka youtube => pilih video yang dinginkan => setelah video di pilih kemudian pilih share => setelah di pilih share akan timbul link video lihat di bawah nya ada tulisan embed atau bahasa indonesianya menanamkan => setelah dipilih embed copy code yang muncul tersebut seperti gambar berikut di bawah ini:


setelah di copy silahkan di ganti code yang di atas.

warna biru => file mp3 yang akan di putar nanti, simpan file mp3 tersebut di folder yang sama dengan menyimpan notepad++ dan background teadi.

Baca Juga : Cara Membuat Kartu Rencana Studi Dengan HTML

Setelah selesai semua panggil di browser ketikkan localhost/nama folder contoh localhost/video maka hasilnya seperti gambar di bawah ini :



Itulah cara meletakkan video dan audio dengan coding html.

untuk cara mengkaitkan dari satu web ke web lain, contohnya dari video yang kita buat ini ke biodata yang telah kita buat sebelumnya dan krs yang sudah dibuat sebelumnya cara nya klik link di bawah :

lanjut => Cara Menghubungkan Dari Satu Web Ke Web Lain di HTML

Terima kasih dan Semoga Bermanfaat



Sunday, April 15, 2018 April 15, 2018 - tanpa komentar

No comments:

Post a Comment