blackantt 发表于 2023-5-5 19:22:24

同一个地方放2个同样内容视频链接，一个指向y站,一个指向b站， 客户端能访问哪个就...

同一个地方放2个同样内容的视频链接，一个指向yout.b.,一个指向b站， 客户端浏览器优先访问yout.b.,不行的话，就显示b站上的，可以做到吗？

歌者文明清理员 发表于 2023-5-5 19:26:39

本帖最后由 歌者文明清理员 于 2023-5-5 19:27 编辑

可以通过在HTML中使用`<video>`元素，分别指定yout.b和b站上的视频链接，然后在客户端浏览器不支持或无法访问yout.b时，自动显示b站上的视频。示例代码如下：

```html
<video controls>
<source src="https://yout.b/video.mp4" type="video/mp4">
<source src="https://www.bilibili.com/video/av12345678/" type="video/mp4">
</video>
```

这样客户端浏览器会首先尝试访问yout.b上的视频，如果不能访问，则自动切换到B站上的视频。请注意，无法保证所有客户端浏览器都支持此功能，因此建议进行测试以确保兼容性。

isdkz 发表于 2023-5-5 19:30:59

可以做到。你可以通过编写一段JavaScript代码来实现这个功能。这里是一个简单的实现方法：

1. 首先，在HTML文件中为两个视频链接创建占位符，并设置一个默认的显示样式，让其中一个默认为隐藏：

<!DOCTYPE html>
<html>
<head>
<style>
    .hidden {
      display: none;
    }
</style>
</head>
<body>
    <div id="yout.b.-video" class="hidden">
      <iframe src="https://www.yout.b..com/embed/yout.b._VIDEO_ID" frameborder="0" allowfullscreen></iframe>
    </div>
    <div id="bilibili-video" class="hidden">
      <iframe src="https://player.bilibili.com/player.html?bvid=BILIBILI_VIDEO_ID" frameborder="0" allowfullscreen></iframe>
    </div>
<script src="switchVideo.js"></script>
</body>
</html>


2. 接下来，在一个名为 switchVideo.js 的单独文件中编写JavaScript代码，通过尝试访问yout.b.链接来检测用户是否可以访问yout.b.。可以通过使用 fetch 函数向yout.b. API发送一个简单的请求来实现这一功能，根据请求的成功或失败来决定显示yout.b.-video或bilibili-video：

function testyout.b.Accessibility() {
    return fetch("https://www.googleapis.com/yout.b./v3/videos?id=yout.b._VIDEO_ID&part=snippet&key=YOUR_API_KEY")
      .then(response => {
            if (response.status === 200) {
                return true;
            } else {
                return false;
            }
      })
      .catch(error => {
            return false;
      });
}

testyout.b.Accessibility().then(isyout.b.Accessible => {
    const yout.b.Video = document.getElementById("yout.b.-video");
    const bilibiliVideo = document.getElementById("bilibili-video");
   
    if (isyout.b.Accessible) {
      yout.b.Video.classList.remove("hidden");
    } else {
      bilibiliVideo.classList.remove("hidden");
    }
});


注意：记得替换 yout.b._VIDEO_ID ， BILIBILI_VIDEO_ID ，以及 YOUR_API_KEY 为对应的真实值。这个方法依赖于yout.b. Data API，请确保在(https://console.cloud.google.com/)中为你的项目启用yout.b. Data API并获取相应的API密钥。

歌者文明清理员 发表于 2023-5-5 19:34:28

isdkz 发表于 2023-5-5 19:30
可以做到。你可以通过编写一段JavaScript代码来实现这个功能。这里是一个简单的实现方法：

1. 首先，在H ...

az... GOOGLE.COM

isdkz 发表于 2023-5-5 19:57:51

歌者文明清理员 发表于 2023-5-5 19:34
az... GOOGLE.COM

怎么了？

歌者文明清理员 发表于 2023-5-5 20:05:15

isdkz 发表于 2023-5-5 19:57
怎么了？

fq

isdkz 发表于 2023-5-5 20:14:35

歌者文明清理员 发表于 2023-5-5 20:05
fq

你有参加那个鱼币耍拍吗？

歌者文明清理员 发表于 2023-5-5 20:31:37

isdkz 发表于 2023-5-5 20:14
你有参加那个鱼币耍拍吗？

mei

sfqxx 发表于 2023-5-5 21:29:16

歌者文明清理员 发表于 2023-5-5 19:26
可以通过在HTML中使用``元素，分别指定yout.b和b站上的视频链接，然后在客户端浏览器不支持或无法访问yout. ...

你这个签名有点犯法的样子了

歌者文明清理员 发表于 2023-5-5 22:04:43

sfqxx 发表于 2023-5-5 21:29
你这个签名有点犯法的样子了

az

Threebody1 发表于 2023-5-5 22:14:47

sfqxx 发表于 2023-5-5 21:29
你这个签名有点犯法的样子了

az

yinda_peng 发表于 2023-5-6 08:39:24

Threebody1 发表于 2023-5-5 22:14
az

这小号升得挺快呀

中英文泡椒 发表于 2023-5-6 10:33:29

sfqxx 发表于 2023-5-5 21:29
你这个签名有点犯法的样子了

确实

Threebody1 发表于 2023-5-6 17:06:43

中英文泡椒 发表于 2023-5-6 10:33
确实

az

陶远航 发表于 2023-5-6 20:24:27

您可以使用HTML5的video标签来实现。以下是一个简单的示例：

<video controls>
<source src="https://yout.b./video.mp4" type="video/mp4">
<source src="https://b站/video.mp4" type="video/mp4">
</video>
这个示例中，我们使用了HTML5的video标签，并添加了两个source标签。第一个source标签指向yout.b.上的视频链接，第二个source标签指向b站上的视频链接。如果浏览器支持HTML5 video标签并且可以访问yout.b.上的视频链接，则将显示yout.b.上的视频。否则，将显示b站上的视频。

希望这可以帮助您！如果您有任何其他问题，请随时问我。
页: [1]
查看完整版本: 同一个地方放2个同样内容视频链接，一个指向y站,一个指向b站， 客户端能访问哪个就...