Friday, May 15, 2015

Cara Memasukkan Video Dalam HTML

Kali ini saya akan memposting "Cara Memasukkan Video Dalam HTML" , Baiklah berikut cara memasukan audio pada dokumen HTML. Di sini yang kita gunakan hanyalah Notepad.

1) Jalankan aplikasi text editor seperti 'notepad' untuk menulis sebuah dokumen HTML.

2) simpan dokumen HTML dengan format 'Nama_File.html' tanpa tanda kutip, kemudian pada 'Save as type' Anda pilih 'All files' agar dokumen yang Anda simpan menjadi dokumen HTML bukan dokumen text biasa.

3)Sekarang mari kita mulai untuk membuat video pada dokumen HTML seperti di bawah ini.

<!DOCTYPE html>

 <html>

 <head>
<title> Cara Memasukkan Playlist Lagu Pada Dokumen HTML </title>
</head>

<body>
<video width="320" height="240" controls autoplay>
  <source src="judul video.mp4" type="video/mp4">
</video>
</body>

</html>

1) Kemudian Simpan Script di atas yg sudah di Copy Paste di Notepad.
2) Buat folder kosong terlebih dahulu sebelum di Save.Kemudian Masukkan File HTML yg sudah kalian buat.
3) Anda bisa mengganti " judul video.mp4" diatas dengan judul musik yang ingin dimasukkannya tetapi tanpa menghilangkan ".mp4" nya.
4) Satukan/Masukkan juga File Videonya yang kalian inginkan di Folder tadi (jangan lupa edit skrip di Notepad kembali jika kalian mau mengganti File Videonya).
5) Terakhir, buka File HTML yang sudah kalian buat dengan Browser yg kalian inginkan.

Semoga script yang kita sharing di atas bermanfaat bagi kita semua ya guyssss
Terima Kasih :)
 




 
Posted by at

46 comments:

  1. yusufDecember 5, 2015 at 5:07 PM

    Kaloo Videonya di Directori yang lain gmana?

    ReplyDelete
  2. UnknownMarch 20, 2016 at 1:05 AM

    nambahin gan.. kalo di direktori lain tinggal tulis gini "
    "

    ReplyDelete
  3. AnonymousAugust 12, 2016 at 9:46 AM

    terimakasih.. sangat amat membantu ;)

    ReplyDelete
  4. UnknownAugust 21, 2016 at 12:01 AM

    cara membuat kursor kaya agan gmna ?

    ReplyDelete
  5. AdminNovember 22, 2016 at 4:59 PM

    This comment has been removed by the author.

    ReplyDelete
  6. UnknownDecember 11, 2016 at 11:17 PM

    Video nya fa tampil broo..padahal udah bener bgt sama tutorial nya,rapu ttp ga tampil,ini bisa lewat android juga ka ya ?

    ReplyDelete
  7. UnknownFebruary 2, 2017 at 1:57 AM

    wow Thanks your Information and i share this article
    Semesta Mp3
    TwistMedia

    ReplyDelete
  8. UnknownFebruary 4, 2017 at 6:48 PM

    gan kalau format video mkv kok gak bisa padahal udah di ubah

    ReplyDelete
  9. UnknownMarch 3, 2017 at 9:46 PM

    Lihat hasil Scriptnya --> Database Streaming Movies, Series and Anime

    ReplyDelete
  10. DickilienMarch 16, 2017 at 11:33 AM

    Gan mau dong trik bikin kursor kaya gitu,antik,unik dan pokonya keren banget..sumpeh gan keren.

    ReplyDelete
  11. UnknownApril 5, 2017 at 1:18 AM

    Masih bro

    ReplyDelete
  12. Irfan FaisalApril 17, 2017 at 5:57 AM

    terima kasih gan berguna sekali

    ReplyDelete
  13. UnknownApril 23, 2017 at 2:46 AM

    Mau nanya nih , pas saya tambahkan 2 video lainnya , kedua video itu tidak dapat diputar yang diputar cuma video pertama

    ReplyDelete
  14. CharlieJune 6, 2017 at 4:38 AM

    bisa ga masukan video tapi pake flowplayer dri video file mp4 yg filenya di gogle drive

    ReplyDelete
  15. a87ybcr8ia91caJune 10, 2017 at 11:24 PM

    This comment has been removed by the author.

    ReplyDelete
  16. Nanda ZaiJune 11, 2017 at 10:35 AM

    gan klok masukkan profil gimna gan diwebsite yg sudah jadi gan

    ReplyDelete
  17. UnknownJune 18, 2017 at 10:30 PM

    Terima kasih gan sangat membantu

    ikut promosi ya gan untuk agan agan yang ingin belajar java, android, css, php
    https://kopiijava.blogspot.co.id/

    ReplyDelete
  18. PT. INDOTECHJuly 22, 2017 at 11:47 AM

    kalo file video nya bentuk
    mkv gimana ??

    ReplyDelete
  19. Toyota TambunAugust 23, 2017 at 11:32 PM

    makasih gan infonyaaa

    ReplyDelete
  20. UnknownSeptember 30, 2017 at 5:51 PM

    kaga bisa tampil bang videonya, kaga bisa play

    ReplyDelete
  21. UnknownDecember 8, 2017 at 7:39 AM

    Nice Info and please come back my blog
    LaguazBaru

    ReplyDelete
  22. alfiansaridhoDecember 10, 2017 at 10:23 AM

    video tidak jalan di script..nama sudah sama di script di buka malah gak jalan video nya?

    ReplyDelete
  23. Kelompok 5 ISBDDecember 31, 2017 at 2:55 PM

    kok gak bisa gan cuma bunyinya yang keluar???

    ReplyDelete
  24. UnknownMarch 6, 2018 at 1:59 PM

    This comment has been removed by a blog administrator.

    ReplyDelete
  25. UnknownApril 18, 2018 at 8:26 PM

    your blog is awesome

    ReplyDelete
  26. UnknownAugust 5, 2018 at 11:51 PM

    fake

    ReplyDelete
  27. CetamekanSeptember 3, 2018 at 6:53 AM

    masukkin 2 video gmna min ??

    ReplyDelete
  28. Diary IstriSeptember 19, 2018 at 6:46 PM

    mas aku coba kok gak tampil yah videonya, aku copy source ke notepat aku ganti nama videonya tapi gak tampil?

    kunjungi website kampus saya www.atmaluhur.ac.id
    kunjungi blog saya jelinajohan.mahasiswa.atmaluhur.ac.id

    ReplyDelete
  29. lusiana selviani October 7, 2018 at 6:48 AM

    kereen banget sii ka tulisannya bisa gerak2 gitu,kasih tau ka gimana cara buat tulisan "welcome to my blog" bisa gerak begitu ka ?? hee
    oiyaa terimakasih ya ka udah share cara masukin video dalam html.


    Kunjungi website saya ya https://lusianaselviani.mahasiswa .atmaluhur.ac.id
    Dan website kampus saya http://www.atmaluhur.ac.id

    ReplyDelete
  30. UnknownDecember 16, 2018 at 6:50 AM

    Oke banget ni gan Infonya, semoga kita semua dapat mafaatnya ya Gan
    SekaiMusik
    AjiPedia

    ReplyDelete
  31. UnknownDecember 30, 2018 at 7:01 AM

    Misalnya mau masukkan video yang online gimana min,supaya pas dibuka saat online dia otomatis terputar

    ReplyDelete
  32. BIOSKOPKACA21June 21, 2019 at 5:18 PM

    Mantap gan ditunggu kunjungan baliknya, barangkali agan tertarik untuk download atau request film dimari gratis INDOXXI

    ReplyDelete
  33. UnknownAugust 31, 2019 at 6:59 AM

    Itu kalau mau masukin vidio nya di html harus menggunakan notped++ apa ..apa bisa juga menggunakan notped biasa

    Tolong dibalaz y

    ReplyDelete
  34. WibuLepDecember 7, 2019 at 7:36 AM

    thanks bro, you can find Leadership skill in my site
    Baca manga dan manhwa bahasa indo
    Baca Manga Manhwa Bahasa Indonesia
    Download game visual novel
    IshtarBlogger

    ReplyDelete
  35. dermaMarch 4, 2020 at 9:33 PM

    keren banget kak tulisannya bisa gerak gerak gitu sangat menarik untuk dilihat.somoga kakak terus aktif selalu kedepannya ya, sukses selalu kak dalam memberikan informasi yang bermanfaat. Nama Saya Derma Anzeny website kampus saya https://atmaluhur.ac.id/

    ReplyDelete
  36. gusti dindaMarch 6, 2020 at 3:29 AM

    Terimakasih kak atas ilmunya sangat bermanfaat dalam mengerjakan tugas saya, sukses terus dalam berkarya, tetap semangat dalam membagi ilmunya kak, perkenal kan nim saya 1922500129, nama saya gusti dinda permata dari kelompok SI2J, link website saya https;//www.atmaluhur.ac.id . terimakasih kak

    ReplyDelete
  37. UnknownMarch 8, 2020 at 6:02 AM

    Saya mau masukin video di blog tapi masih bingung,akhirnya nemu artikel ini terimakasih kak pencerahannya. Perkenalkan saya mahasiswi dari STMIK Atmaluhur Pangkalpinang Nama saya Meilita Sari ,Kunjungi website kampus saya ya http://www.atmaluhur.ac.id

    ReplyDelete
  38. Ryonaldo Putra WijayaMarch 8, 2020 at 8:51 PM

    Terimakasih atas pelajaran yang telah di buat oleh kakak sangat membantu saya untuk belajar tentang html , perkenalkan nama saya Ryonaldo Putra Wijaya dan saya seorang mahasiswa semester di suatu kampus di bangka belitung, saya sedang belajar html dan dengan ada nya blog i i sangat membantu saya terimakasih banyak atas semua pelajaran yang telah di bagi kekami dan ini situs kampus saya
    Https://www.atmaluhur.ac.id/

    ReplyDelete
  39. UnknownMarch 8, 2020 at 8:59 PM

    terimakasih atas infonya.. karena ini saya dapat mengetahui cara format teks di html, dan juga sangat berguna bagi saya yang sedang belajar hal yang seperti ini apalagi saya berkuliah dinagian komputer. semoga saja dapat menulis artikel lainnya dan pastinya sangat berguna bagi orang banyak.. kenalkan nama saya Teddy dinarsyah, website kampus saya https://mahasiswa.atmaluhur.ac.id/

    ReplyDelete
  40. UnknownMarch 8, 2020 at 9:29 PM

    terima kasih banyak min untuk artikel nya, ini sangat membantu untuk saya sebagai pemula, semoga kedepannya admin masih bisa memberi informasi - informasi tengang artikel ini.
    perkenalkan saya M. Azel Gibran
    jangan lupa kunjungi website kampus kami https://www.atmaluhur.ac.id

    ReplyDelete
  41. UnknownMarch 8, 2020 at 9:40 PM

    Saya mau masukin video di blog tapi masih bingung,akhirnya nemu artikel ini terimakasih kak pencerahannya. Perkenalkan saya mahasiswi dari STMIK Atmaluhur Pangkalpinang Nama saya Genaro Miana ,jangan lupa Kunjungi website kampus saya ya http://www.atmaluhur.ac.id

    ReplyDelete
  42. tri scorpioMarch 10, 2020 at 5:26 AM

    terima kasih kak buat tutorialnya,sederhana tapi sangat berguna, mau tanya kak buat lama waktu video nya ad batas nya gak yah. trima kasih. perkenalkan Nama saya Tri scorpio, Nim : 1922500198 dan link kampus saya https://www.atmaluhur.ac.id/

    ReplyDelete
  43. InzaghiMarch 12, 2020 at 3:12 AM

    Terimakasih kak untuk tutorial nya sangat mudah di mengerti mudah mudahan saya bisa mempraktekan ny di rumah .semoga kedepan nya kakak bisa memberikan tutorial lain nya yang bisa bermanfaat bagi kmi semua nama saya inzaghi saputra nim1922500112 klompok si2klink kampus saya https://www.atmaluhur.ac.id/

    ReplyDelete
  44. SamuelMarch 28, 2020 at 9:36 AM

    nice thanks bro

    ReplyDelete
  45. WibuLepApril 26, 2020 at 3:49 AM

    download dan baca online manga, manhwa dan manhua sub indo lengkap
    Resep Makanan Buka Puasa
    Komiktap

    ReplyDelete

Subscribe to: Post Comments (Atom)