0 0
Read Time1 Minute, 24 Second

Hallo Geis, siapa di sini yang pernah meng-embed video dari youtube ke website? di situ pasti normalnya bisa di autoplay atau pause di awal.

Nah, kali ini kita akan membahas bagaimana cara supaya videonya autoplay tapi suaranya di mute.

Script Automute Embed Youtube

Berikut ini adalah script i frame untuk mengatur settingnya :

<iframe id="playeryt1" 
class="xyz12"
src="https://www.youtube.com/embed/m6VLtfW6Lhg?enablejsapi=1&amp;controls=1&amp;autohide=1&amp;showinfo=0&amp;autoplay=0&amp;rel=0" width="500" height="370" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

keterangan :

  • enablejsapi=1 : wajib disisipkan
  • controls=1 : untuk menampilkan play dan pause di embed-an
  • autohide=1 : untuk menyembunyikan control secara automatis
  • showinfo=0 : untuk menampilkan info detail dari embed-an
  • autoplay=0 : mengatur autoplay
  • width=”500″ : mengatur lebar iframe (bisa menggunakan persentase)
  • height=”370″ : mengatur tinggi iframe

Setelah masukin embed di atas, maka kita wajib untuk menggunakan API dari Youtube. Caranya panggil aja js youtubeapi nya, cara nya ada di bawah.

Ini dia script js untuk me-mute video youtube,
script yg wajib di panggil adalah 
https://www.youtube.com/player_api 
Kalau enggak ada ini, gak bisa jalan script mute kita.

<!– start mute script || http://rpd.web.id –>
<script src=”https://www.youtube.com/player_api”></script>
<script>
var player;
function onYouTubePlayerAPIReady() {
player = new YT.Player(‘playeryt1’, {
events: {
‘onReady’: onPlayerReady}
});
}
function onPlayerReady(event) {
event.target.mute();
}
</script>
<!– end mute script || http://rpd.web.id –>

event.target.mute(); ini adalah fungsi untuk automute nya

PENTING : Perhatikan “playeryt1” , ID itu harus sama dengan ID Iframe embed nya.

Terima Kasih, semoga membantu.
btw saya lagi bangun channel youtube. minta tolong bantuan di subs yak.

Subs Channel Saya yah. Thank You

About Post Author

TahuBanyak

Happy
Happy
0 %
Sad
Sad
0 %
Excited
Excited
0 %
Sleepy
Sleepy
0 %
Angry
Angry
0 %
Surprise
Surprise
0 %
Previous post Copy to Clipboard on Click
Next post Mengatur height iframe sesuai konten

Average Rating

5 Star
0%
4 Star
0%
3 Star
0%
2 Star
0%
1 Star
0%

Leave a Reply

Your email address will not be published. Required fields are marked *