Cara Menambahkan Video YouTube Putar Otomatis di Artikel Blogger
Teman-teman, hari ini kita akan belajar di artikel ini cara menambahkan video YouTube apa pun ke artikel. Anda semua harus tahu bahwa kita juga bisa mendapatkan uang dengan membuat saluran di YouTube. Demikian pula, jika kita juga memiliki blog, maka kita juga dapat meningkatkan lalu lintas di blog kita dari video YouTube kita dan Tampilan dan Penghasilan pada video dari blok tersebut.
Hari ini kita akan tahu cara menempatkan video YouTube kita atau video orang lain di artikel kita. Beri tahu kami langkah-langkah apa yang harus kami ambil untuk menambahkan video YouTube. Pertama-tama kita akan membutuhkan kode embed untuk menambahkan video.
Daftar isi
Bagaimana cara menyalin kode embed HTML dari video YouTube?
Pertama-tama, Anda harus membuka situs YouTube dengan membuka browser. Jika Anda menggunakan ponsel pintar maka Anda harus membuka situs web dalam mode desktop. Setelah itu video apa pun yang ingin Anda tambahkan ke posting Anda.
Anda harus membuka video itu, Anda akan mendapatkan opsi bagikan di bawah video ini. Saat mengklik tombol bagikan, tiga opsi akan muncul di depan Anda. Di sini Anda harus mengklik opsi embed, setelah itu kode HTML akan muncul di depan Anda. Biarkan kami menyalin kode ini dan menempelkannya di tampilan HTML posting Anda.
Untuk menempatkan video menurut Anda, Anda mendapatkan opsi tampilkan lebih banyak di bawah opsi embed. Saat mengklik opsi Tampilkan lebih banyak, beberapa opsi lainnya muncul di depan Anda.
Mulai Pada: Dengan bantuan opsi ini, Anda dapat mengatur waktu untuk video dari tempat Anda ingin muncul.
Tampilkan Kontrol Pemutar: Saat mengaktifkan opsi ini, pengunjung dapat melihat opsi Putar, Jeda, Maju, Latar Belakang, Layar penuh dalam video.
Aktifkan mode privasi yang ditingkatkan: Dengan opsi ini diaktifkan, YouTube tidak akan mengenali pemirsa hingga pemirsa memutar video.
Ditambahkan untuk meningkatkan kebijakan GDPR.
Bagaimana Cara Menyematkan Video YouTube di Posting dan Artikel Blog?
Sekarang kita harus membuka postingan kita terlebih dahulu kemudian kita harus membuka tampilan postingan kita dalam tampilan Html karena kode yang kita miliki adalah kode HTML. Setelah ini, rekatkan pengadilan ini di tempat Anda ingin menempatkan video menurut Anda di artikel.
Bagaimana Cara Menambahkan Video Ke Menu Widget?
Jika Anda ingin menambahkan video ke menu widget. Untuk ini, Anda harus pergi ke bagian tata letak template blogger dan klik tambahkan gadget, tambahkan Html / JavaScript dan tempel kode dan setelah menyimpan tata letak, video Anda akan terlihat di widget.
Bagaimana Cara Mengatur Opsi Putar Otomatis dalam ideo?
Tidak ada opsi putar otomatis di Skrip Sematan YouTube. Anda ingin memutar video secara otomatis? Jadi untuk itu Anda harus melakukan beberapa penyesuaian dalam kode. Anda harus menambahkan kode di bawah ini di depan id video. Atau Anda juga dapat menyalin kode yang diberikan oleh kami.
Add Code After Your Video Id-?autoplay=1&mute=1
<iframe id=”iframeID” width=”560″ height=”315″ src=”https://www.youtube.com/embed/Yourvideoid?autoplay=1&mute=1” frameborder=”0″ allow=”accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture” allowfullscreen></iframe>
Bagaimana Cara Mengaktifkan Putar Otomatis dalam Mode Seluler?
<!-- 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_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>
<style>
/* Make the youtube video responsive */
.iframe-container{
position: relative;
width: 100%;
padding-bottom: 56.25%;
height: 0;
}
.iframe-container iframe{
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}
</style>
Dengan bantuan script di atas Anda cukup mengatur autoplay di komputer. Tetapi jika Anda ingin mengatur putar otomatis di ponsel juga. Untuk ini, Anda harus menambahkan skrip di bawah ini dalam tampilan HTML dan alih-alih id video, tambahkan id video Anda. Ganti ID yang ditandai dengan ID video YouTube Anda.