Cara Menampilkan Video di Halaman Website Kita

Teman-teman disini pasti telah tak asing lagi jikalau ada sebuah video di halaman sebuah blog, apa lagi ketika teman-teman membuka situs yang isinya memang video-video seperti youtube, video, dan lain-lain. Beragam jenis sebuah blog menampilkan sebuah blog itu isinya mengenai apa. Misal seperti hootfoot blog itu menampilkan atau menayangkan sebuah video ulangan pertandingan sepak bola dimana ketika ada orang yang ketinggalan sebuah pertandingan teman-teman dapat menontonnya di sini. Oke lalu bagaimana membuatnya dari tadi kebanyakan penjelasan ya teman-teman, Karenanya dari itu jangan kemana-mana cara menampilkan video di halaman blog kita sesaat lagi.





Cara menampilkan video di halaman blog kita, kita membutuhkan yang namanya tag video, dengan tag video kita dapat memanggil atau dapat menampilkan sebuah video di blog kita, bagi menampilkan sebuah video caranya sama seperti halnya kita memanggil sebuah gambar, jikalau mamanggil gambar kita membutuhkan tag img lalu dengan atribut src, dan jikalau kita ingin memanggil sebuah video kita tinggal rubah saja tag img dengan tag video,  dengan tag video kita pun butuh bantuan atribut lain seperti controls, atribut controls bermanfaat bagi mengatur kapan video itu akan di play, dimatikan dan di pause, oke seketika saja kita lihat contoh pembuatannya, disini saya masih menggunakan halaman blog yang kemarin ya teman-teman.



<!DOCTYPE html>
<html>
<head>
<title>Cara menampilkan video di halaman blog 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 membangun link seketika 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 sistem aplikasi 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 unduh</a>
</div>
</body>
</html>


Saya mengambil highlight dari pertandingan city malawan chelsea sumber youtube, dan teman-teman dapat lihat ya warna merah itu cara menampilkan videonya, lalu bagaimana hasilnya:



teman



Kotak merah itu yaitu atribut controls yang tadi kita bikin, jikalau tak ada controls tombol yang di kotak merah itu tak akan muncul, oke saya rasa lumayan hingga disini dulu belajar kita mengenai Cara menampilkan video di halaman blog kita, semoga bermanfaat dan hingga jumpa di artikel berikutnya terimakasih.




Sumber https://kursuswebsite.org

Popular posts from this blog

Perbedaan Antara Keyup dan Keydown Pada jQuery

Membuat Table Warna Berselang dengan PHP