Cara Embed Video YouTube AutoPlay Terbaru ke halaman Website Sendiri support di android dan iOS

Kalian ingin meng-Embed video YouTube kalian ke sebuah halaman website? akan tetapi kalian tidak bisa membuatnya AutoPlay, atau kalian berhasil akan tetapi sudah tidak support AutoPlay lagi? atau mungkin AutoPlay-nya tidak berjalan di Platfrom android dan iOS? tenang saya akan memberitahukan caranya kepada kalian.

Seperti biasa kalian siapkan sebuah File HTML yang akan kalian gunakan. Setelah itu kalian siapkan video YouTube kalian yang akan kalian embed. kemudian kalian masukkan script ini di File HTML kalian (kalian bisa menempatkan di posisi bagian mana asalkan ada di dalam tag <body>, script ini sudah dilengkapi iframe, jadi kalian tinggal menggunakannya, atau kalian bisa berkreasi lagi lebih lanjut) :

<!-- 1. The <iframe> (video player) will replace this <div> tag. -->
<div class="iframe-container">
  <div id="player"></div>
</div>
<script>
  // 2. This code loads the IFrame Player API code asynchronously.
  var tag = document.createElement('script');
 
  tag.src = "https://www.youtube.com/iframe_api";
  var firstScriptTag = document.getElementsByTagName('script')[0];
  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
 
  // 3. This function creates an <iframe> (and YouTube player)
  //    after the API code downloads.
  var player;
  function onYouTubeIframeAPIReady() {
    player = new YT.Player('player', {
      width: '100%',
      videoId: 'YOUR YouTube VIDEO ID',
      playerVars: { 'autoplay': 1, 'playsinline': 1 },
      events: {
        'onReady': onPlayerReady
      }
    });
  }
 
  // 4. The API will call this function when the video player is ready.
  function onPlayerReady(event) {
     event.target.mute();
    event.target.playVideo();
  }
</script>

setelah itu kalian copy Id video YouTube kalian. kalian buka terlebih dahulu video YouTube kalian lalu copy link bagian akhir setelah watch?v="tAyFJjbSlw0" kalian copy ini "tAyFJjbSlw0" tanpa "". lalu paste di script bagian vidoId. kalian bisa berkreasi pada iframe nya misal ditambahkan border dan lain lain, AutoPlay ini juga dapat dijalankan di android dan iOS.
bagi kalian yang malas ngetik bisa download script-nya di sini

jika kalian masih kebingungan kalian bisa komentar di bawah guys.

Jika Kalian ingin Request membuat artikel, silakan tuliskan di kolom komentar di bawah ini!
Sekian dari saya. Terima Kasih telah berkunjung ke artikel ini.
kunjungan anda adalah Tamu Kami!
Salam !DOCTYPE

𝓗𝓪𝓴𝓲𝓶 Nurubay

I'm a beginner web programmer, and I like to learn new things, and my passionate is about Music. you can subscribe to My YouTube Channel Hakim Nurubay. Thank you for you guys who have subscribed My YouTube Channel, and I'm glad for it. Greetings !DOCTYPE

Apa itu Bootstrap? Pengertian dan Fungsinya itu apaansih?

Bootstrap adalah kerangka kerja CSS yang sumber terbuka dan bebas untuk merancang situs web dan aplikasi web.
Read More

Apa itu JavaScript? Pengertian dan Fungsinya itu apaansih? apakah JavaScript Punya Sejarah?

JavaScript adalah bahasa pemrograman tingkat tinggi dan dinamis.
Read More

Apa itu HTML? apakah HTML Punya Sejarah? apa Perbedaannya HTML dengan HTML5?

Hypertext Markup Language adalah bahasa markah standar untuk dokumen yang dirancang untuk ditampilkan di peramban internet.
Read More

6 Rekomendasi Aplikasi Edit Foto Terbaik dan Terbaru untuk Smartphone Tahun 2021

Berikut ini 6 rekomendasi aplikasi edit foto terbaik yang bisa Kalian coba
Read More

Welcome to Hakim Official!

Cara Embed Video YouTube AutoPlay Terbaru ke halaman Website Sendiri support di android dan iOS

𝓗𝓪𝓴𝓲𝓶 Nurubay

Apa itu Bootstrap? Pengertian dan Fungsinya itu apaansih?

Apa itu JavaScript? Pengertian dan Fungsinya itu apaansih? apakah JavaScript Punya Sejarah?

Apa itu HTML? apakah HTML Punya Sejarah? apa Perbedaannya HTML dengan HTML5?

6 Rekomendasi Aplikasi Edit Foto Terbaik dan Terbaru untuk Smartphone Tahun 2021

Related Posts

Pengertian dan Cara Menggunakan Bootstrap

Cara Membuat Website Sederhana Hanya dengan HTML dan CSS saja!

Cara Embed Website ke halaman Website Sendiri Responsive

Coming soon