Make sure to SUBSCRIBE Hakim Nurubay channel guys
Artikel ini telah dikunjungi 85×
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
Bootstrap adalah kerangka kerja CSS yang sumber terbuka dan bebas untuk merancang situs web dan aplikasi web.
Read More
Hypertext Markup Language adalah bahasa markah standar untuk dokumen yang dirancang untuk ditampilkan di peramban internet.
Read More
Seperti yang kalian ketahui Bootstrap adalah kerangka kerja CSS yang sumber terbuka dan bebas untuk merancang situs web dan aplikasi web.
seperti yang kalian ketahui HTML adalah singkatan dari Hypertext Markup Language. kalian di sini akan melihat tutorial membuatnya.
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