gpt4 book ai didi

javascript - dailymotion api 初始播放

转载 作者:行者123 更新时间:2023-11-29 12:09:37 25 4
gpt4 key购买 nike

我正在尝试使用 dailymotion api,但在 mac 上使用 iphone 和 chrome 时遇到问题。

在 chrome 中,我将自动播放设置为 true,它应该可以工作,但没有。当我加载播放器时,我会在顶部看到一个用于闪光灯的“播放”按钮。而且我不能使用 play api。一旦我点击这个按钮,我就可以正常使用api了。 html 版本在 chrome 上根本不起作用。

同样在 iPhone 上,我知道自动播放应该不起作用,这是正常的。但是,如果我使用 api 进行播放,它会在我需要单击的容器内显示另一个按钮,否则视频将无法启动。再次完成初始点击后,使用 api 播放/暂停将正常工作。

我的代码:

<!DOCTYPE html>
<html>
<head>
<title>test dailymotion</title>
<script src="https://api.dmcdn.net/all.js"></script>
</head>
<body>

<div id="player-dailymotion"></div>
<button id="play">Play</button>
<button id="pause">Pause</button>

</body>
<script type="text/javascript">

//Give time to load dailymotion script
setTimeout(function() {
DM.init({
apiKey: '',
status: false, // check login status
cookie: true // enable cookies to allow the server to access the session
});

var player = DM.player(
document.querySelector('#player-dailymotion'),
{
video: 'x1safo9',
width: '400px',
height: '200px',
params: {
autoplay: 1,
chromeless: 1
}
}
);

document.querySelector('#play').addEventListener('click', function() {
console.log('click on play');
player.play();
});

document.querySelector('#pause').addEventListener('click', function() {
console.log('click on pause');
player.pause();
});

}, 1000);


</script>
</html>

jsfiddle 上的例子:

https://jsfiddle.net/uq8gftcy/1/

有没有办法使用 api 在 iPhone 上第一次启动视频?为什么自动播放在我的 chrome mac 上不起作用?

[更新] 我发现一篇文章谈论 chrome 更新,他们现在默认阻止所有 flash 内容。那么如何使用 dailymotion html 版本呢?

最佳答案

你的两个问题是视频播放器的正常行为:

  • 在 chrome 上自动播放:chrome 会阻止特定大小的 flash 播放器,因此需要用户交互才能播放视频。尝试设置更大的播放器(如 738x432),您将获得预期的行为。
  • 在 iOS 上:这是一个 iOS 限制。从播放器 iframe 外部的按钮调用 play() 不被视为真正的用户交互,因此您必须等待用户触摸播放器的开始屏幕。参见 Dailymotion embedded player on iOS devices (HTML5)了解更多详细信息。

您可以检查其他视频提供商,行为是相同的,因为它取决于操作系统/浏览器的选择。

关于javascript - dailymotion api 初始播放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33899332/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com