Більшість відеороликів у Facebook переглядають без звуку. При перегляді стрічки новин на комп’ютері чи смартфоні, відео автоматично починають відтворюватися, але без звуку, доки користувач не натисне на відео. Це зручно, оскільки дозволяє не заважати іншим, коли ви дивитесь численні відео з котиками. Якщо ви хочете вбудувати відео з YouTube так, щоб звук був вимкнений за замовчуванням, можна скористатися спеціальним скриптом, розробленим Амітом Агарвалом з Labnol. Відео буде автоматично відтворюватися, але звук залишатиметься вимкненим. Відвідувачам вашого сайту потрібно буде вручну увімкнути звук. Ось як це працює.
Спочатку знайдіть відео на YouTube, яке ви хочете вбудувати. Скопіюйте ідентифікатор відео з URL-адреси. Цей ідентифікатор – це набір символів, який розташований після частини “https://www.youtube.com/watch?v=”.
Нижче наведено код, який дозволить вставити відео. Замініть “YOUR_VIDEO_ID” у восьмому рядку на скопійований ідентифікатор.
<div id="muteYouTubeVideoPlayer"></div>
<script async src="https://www.youtube.com/iframe_api"></script>
<script>
function onYouTubeIframeAPIReady() {
var player;
player = new YT.Player('muteYouTubeVideoPlayer', {
videoId: 'YOUR_VIDEO_ID',
width: 560,
height: 316,
playerVars: {
autoplay: 1,
controls: 1,
showinfo: 0,
modestbranding: 1,
loop: 1,
fs: 0,
cc_load_policty: 0,
iv_load_policy: 3,
autohide: 0
},
events: {
onReady: function(e) {
e.target.mute();
}
}
});
}
// Розроблено @labnol
</script>
Скопіюйте цей код на сторінку свого сайту. Після цього відео з YouTube буде вбудоване з вимкненим звуком. Ось як це виглядатиме (нижче наведено знімок екрана).
Варто зауважити, що цей метод не спрацює для відео, які мають обмеження на вбудовування, але буде працювати для більшості інших типів відео.