Teman-teman disini pasti sudah tidak asing lagi jika ada sebuah video di halaman sebuah website, apa lagi ketika teman-teman membuka situs yang isinya memang video-video seperti youtube, video, dan lain-lain. Beragam jenis sebuah website menampilkan sebuah website itu isinya tentang apa. Misal seperti hootfoot website itu menampilkan atau menayangkan sebuah video ulangan pertandingan sepak bola dimana ketika ada orang yang ketinggalan sebuah pertandingan teman-teman bisa menontonnya di sini. Oke lalu bagaimana membuatnya dari tadi kebanyakan penjelasan ya teman-teman, Maka dari itu jangan kemana-mana cara menampilkan video di halaman website kita sesaat lagi.
Cara menampilkan video di halaman website kita, kita membutuhkan yang namanya tag video, dengan tag video kita bisa memanggil atau bisa menampilkan sebuah video di website kita, untuk menampilkan sebuah video caranya sama seperti halnya kita memanggil sebuah gambar, jika mamanggil gambar kita membutuhkan tag img lalu dengan atribut src, dan jika kita ingin memanggil sebuah video kita tinggal rubah saja tag img dengan tag video, dengan tag video kita juga butuh bantuan atribut lain seperti controls, atribut controls berguna untuk mengatur kapan video itu akan di play, dimatikan dan di pause, oke langsung saja kita lihat contoh pembuatannya, disini saya masih menggunakan halaman website yang kemarin ya teman-teman.
<!DOCTYPE html>
<html>
<head>
<title>Cara menampilkan video di halaman website kita</title>
<-e-style type="text/css">
body{
background-color: #6EDAF8;
}
a{
padding: 5px;
background: #689F38;
border-radius: 2px;
border: 1px dotted #03CCFF;
text-decoration: none;
color: #fff;
}
a:hover{
background: #1450B9;
color: #fff;
}
.container{
width: 800px;
margin: auto;
background: #fff;
overflow: hidden;
}
img{float: left;}
<-e-/style>
</head>
<body>
<div class="container">
<!-- <h1>cara membuat link langsung ke google play</h1> -->
<span style="color: #ff0000"><video src="Chelsea vs Manchester City 0-1 All Goals & Highlights - (30_9_2017).mp4" controls></video></span>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. </p>
<img src="september/ml.png">
<br>
<a href="https://play.google.com/store/apps/details?id=com.mobile.legends">link download</a>
</div>
</body>
</html>
Saya mengambil highlight dari pertandingan city malawan chelsea sumber youtube, dan teman-teman bisa lihat ya warna merah itu cara menampilkan videonya, lalu bagaimana hasilnya:
Kotak merah itu adalah atribut controls yang tadi kita buat, jika tidak ada controls tombol yang di kotak merah itu tidak akan muncul, oke saya rasa cukup sampai disini dulu belajar kita tentang Cara menampilkan video di halaman website kita, semoga bermanfaat dan sampai jumpa pada artikel selanjutnya terimakasih.