小编mor*_*999的帖子

我在html5视频标签上有这种奇怪的行为.我有4个视频,我想同时播放.所以我创建了自己的控制栏来播放/暂停,所以当点击播放按钮时,播放所有4个视频,与暂停按钮相同.

在野生动物园,它有奇怪的问题,视频没有同时播放,当我点击播放时,1或2个视频有延迟,所以不是所有视频同时播放.

在Chrome和Firefox上,它的工作正常,safari有什么问题？

我正在使用javascript .play()函数播放所有视频.

我还确保在播放视频之前加载视频.就像是,

<video id="example_video_1" class="video-js vjs-default-skin" preload="auto">
    <source src="asset/video/al_vertrag_kranken_v1_part1.ogv" type='video/ogg' />
    <source src="asset/video/al_vertrag_kranken_v1_part1.mp4" type='video/mp4' />
    <source src="asset/video/al_vertrag_kranken_v1_part1.webm" type='video/webm' />
</video>

video_1 = document.getElementById('example_video_1');

if (video_1.readyState == 4 && video_2.readyState == 4 && video_3.readyState == 4 && video_4.readyState == 4) {
    video_1.play();
    video_2.play();
    video_3.play();
}

还有3个像这样的视频标签,1只是一个例子.

我正在尝试使用 javascript 适配器为我的客户端应用程序集成 Keycloak keycloak-js。

但是，我似乎无法让它发挥作用。这是我的代码

const keycloak = new Keycloak({
    realm: 'my-realm',
    url: 'http://localhost:8080/auth/',
    clientId: 'my-client',
});

try {
    const authenticated = await keycloak.init();
    console.log(authenticated);
} catch (e) {
    console.log(e);
}

它不返回任何内容，甚至不返回错误或回调中的任何内容。我只有 GET http://localhost:8080/auth/realms/my-realm/protocol/openid-connect/3p-cookies/step1.html 404 (Not Found) 不知道我做错了什么？我遵循文档，但找不到有关此行为的任何信息如果我在浏览器中键入上面的 url，我会看到这个

有什么我可以做的吗？

编辑：我设法通过将 keycloak 服务器与 keycloak-js 版本匹配来使用此代码使其工作。将服务器和 keycloak-js 版本升级到 11.0.2 对我有用，并且将两个版本都降级到 10.0.2

这是我正在使用的客户端配置

在上面的代码示例中，我可以在开发工具中看到console.log(isAuthorised);return false，如果我这样做const isAuthorised = await keycloak.init({ onLoad: 'login-required' });，它会将我重定向到登录页面，并在登录成功后将我重定向回此页面。希望这可以帮助。