Responsive Youtube with External Toggle Mute and UnMute Sound
*searching with google n Re Upload gambar in servimg[/caption]
Azka alifiandra Mem Posting Ulang-
| <style> |
| .videoWrapper { |
| position: relative; |
| padding-bottom: 56.25%; /* 16:9 */ |
| padding-top: 25px; |
| height: 0; |
| } |
| .videoWrapper iframe { |
| position: absolute; |
| top: 0; |
| left: 0; |
| width: 100%; |
| height: 100%; |
| } |
| button#mute-video { |
| color: #fff; |
| background-color: #b6412e; |
| font-size: 24px; |
| margin: 30px auto -50px auto; |
| display: block; |
| } |
| </style> |
| <div class="videoWrapper"> |
| <div id="player"></div> |
| </div> |
| <button id="mute-video">TOGGLE SOUND</button> |
| <script> |
| var tag = document.createElement('script'); |
| tag.src = "http://www.youtube.com/player_api"; |
| var firstScriptTag = document.getElementsByTagName('script')[0]; |
| firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); |
| var player; |
| function onYouTubePlayerAPIReady() { |
| player = new YT.Player('player', { |
| height: '315', |
| width: '560', |
| playerVars: { 'autoplay': 1, 'controls': 1,'autohide':1,'wmode':'opaque' }, |
| videoId: 'PASTE_YOUR_YOUTUBE_VIDEO_ID_HERE', |
| height: '100%', |
| width: '100%', |
| events: { |
| 'onReady': onPlayerReady} |
| }); |
| } |
| function onPlayerReady(event) { |
| event.target.mute(); |
| } |
| function toggleSound() { |
| if (player.isMuted()) { |
| player.unMute() |
| } else { |
| player.mute() |
| } |
| } |
| $('#mute-video').on('click', function(){ |
| toggleSound(); |
| }); |
| <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> |
Terima kasih atas kunjungannya untuk membaca artikel ini semoga anda di berikan kemudahan dan kelancaran dalam berurusan.
- Sumbernya
- * Search gogle n RE-Upload gambar di akun servimg.com ( img)
- Semua Konten Artikel dari mesin pencarian ( Search engine site)
NB: Artikel diatas adalah artikel hasil dari mengisi waktu dan opini pribadi saya dengan mencari pengetahuan, tidak ada sumber yang jelas, jadi jangan dipercaya dulu. namun saya hanya menyarankan kepada semua untuk tetap fokus pada main subject (kejadian awal / utama) jangan termakan isu-isu yang hanya numpang lewat. tetap berpikir kritis. dan mohon maaf kalau ada yang berfikir kalau saya seudzon atau berprasangka buruk.
