Welcome to Hakim Official!

Make sure to SUBSCRIBE Hakim Nurubay channel guys



SUBSCRIBE !

  1. Home
  2. Content
  3. Tutorial : Cara Embed Video YouTube AutoPlay Terbaru ke halaman Website Sendiri support di android dan iOS
January 24, 2020

Artikel ini telah dikunjungi 1290×


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

thumbnail

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. <!-- 1. The <iframe> (video player) will replace this <div> tag. -->
  2. <div class="iframe-container">
  3.   <div id="player"></div>
  4. </div>
  5. <script>
  6.   // 2. This code loads the IFrame Player API code asynchronously.
  7.   var tag = document.createElement('script');
  8.  
  9.   tag.src = "https://www.youtube.com/iframe_api";
  10.   var firstScriptTag = document.getElementsByTagName('script')[0];
  11.   firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
  12.  
  13.   // 3. This function creates an <iframe> (and YouTube player)
  14.   //    after the API code downloads.
  15.   var player;
  16.   function onYouTubeIframeAPIReady() {
  17.     player = new YT.Player('player', {
  18.       width: '100%',
  19.       videoId: 'YOUR YouTube VIDEO ID',
  20.       playerVars: { 'autoplay': 1, 'playsinline': 1 },
  21.       events: {
  22.         'onReady': onPlayerReady
  23.       }
  24.     });
  25.   }
  26.  
  27.   // 4. The API will call this function when the video player is ready.
  28.   function onPlayerReady(event) {
  29.      event.target.mute();
  30.     event.target.playVideo();
  31.   }
  32. </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

Avatar
𝓗𝓪𝓴𝓲𝓶 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
Flag Counter
ads
ads
DomaiNesia

Related Posts


posts

Pengertian dan Cara Menggunakan Bootstrap

Seperti yang kalian ketahui Bootstrap adalah kerangka kerja CSS yang sumber terbuka dan bebas untuk merancang situs web dan aplikasi web.

Lihat

posts

Cara Membuat Website Sederhana Hanya dengan HTML dan CSS saja!

seperti yang kalian ketahui HTML adalah singkatan dari Hypertext Markup Language. kalian di sini akan melihat tutorial membuatnya.

Lihat

posts

Cara Embed Website ke halaman Website Sendiri Responsive

Kalian ingin meng-Embed sebuah website ke halaman website Kalian sendiri, dan Kalian tidak tahu cara membuatnya? di sini saya akan memberi tahu caranya meng-Embed Website

Lihat

posts

Coming soon

Gone? Coming soon guys, have a nice day

Lihat