我想在我的网络应用程序中嵌入 YouTube 视频，同时保护直接视频链接。我该怎么做？

Question

我希望将 YouTube 视频添加到我的网络应用程序中，但我想阻止用户在使用我的应用程序时访问视频的直接链接。我怎样才能实现这个目标？

说实话，我不知道如何做到这一点。所以请大家帮忙！

Answer 1

要将 YouTube 视频嵌入到您的网络应用程序中，同时保护直接视频链接，您可以使用 YouTube 提供的 YouTube 播放器 API。这使您可以在您的网站上嵌入 YouTube 视频，而无需暴露直接视频链接。

以下是使用 YouTube 播放器 API 实现此目的的一般方法：

包含 YouTube 播放器 API 脚本：首先，在 HTML 中包含 YouTube 播放器 API 脚本。您可以通过将以下脚本标记添加到 HTML 文件来完成此操作：

<script src="https://www.youtube.com/iframe_api"></script>

为视频创建占位符：在要嵌入 YouTube 视频的位置创建一个占位符元素（例如 div）。

<div id="player"></div>

初始化 YouTube 播放器：在 JavaScript 代码中，通过指定视频 ID 和其他选项来初始化 YouTube 播放器。此代码应在 YouTube 播放器 API 脚本加载后执行。

function onYouTubeIframeAPIReady() {
    player = new YT.Player('player', {
        height: '360',
        width: '640',
        videoId: 'VIDEO_ID_HERE', // Replace VIDEO_ID_HERE with the ID of your YouTube video
        playerVars: {
            // Add any additional player options here
        },
        events: {
            // Add event handlers if needed
        }
    });
}```

Replace the placeholder with the video player: When the YouTube Player API is ready, it will call the onYouTubeIframeAPIReady function. This function creates a new instance of the YouTube player and replaces the placeholder with the actual video player.

Access control: By using the YouTube Player API, you can control the playback of the video, such as starting, pausing, stopping, and adjusting volume, without exposing the direct video links.

This approach ensures that the direct video links are not exposed to users, as the video is embedded using an iframe generated by the YouTube Player API. Additionally, it provides you with control over the video playback and other features.