Cách dừng video YouTube nhúng bằng JavaScript

YouTube Player API cho phép điều khiển video nhúng (iframe). Cần tham chiếu đến player.

Yêu cầu

• Iframe có enablejsapi=1 trong src.
• Iframe có id để tham chiếu.
• Load https://www.youtube.com/iframe_api.

Ví dụ

<!-- HTML -->
<iframe id="player" src="https://www.youtube.com/embed/VIDEO_ID?enablejsapi=1"
    width="560" height="315" frameborder="0" allowfullscreen></iframe>
<button onclick="stopVideo()">Dừng video</button>

<script>
    // Load API
    var tag = document.createElement('script');
    tag.src = "https://www.youtube.com/iframe_api";
    document.head.appendChild(tag);

    var player;
    function onYouTubeIframeAPIReady() {
        player = new YT.Player('player', {
            events: { 'onReady': onPlayerReady }
        });
    }
    function onPlayerReady(event) {
        // Player sẵn sàng
    }
    function stopVideo() {
        if (player && player.stopVideo) player.stopVideo();
    }
</script>

Lưu ý: API chỉ hoạt động trên domain cho phép (không chạy trên file:// local). Cần test trên localhost/server.