Javascript dailymotion api初始播放

Javascript dailymotion api初始播放,javascript,ios,google-chrome,dailymotion-api,Javascript,Ios,Google Chrome,Dailymotion Api,我正在尝试使用dailymotion api,但我在mac上使用iphone和chrome时遇到了问题 在chrome中,我将自动播放设置为true,它应该可以工作,但不能。当我加载播放器时,我在顶部有一个flash的“播放”按钮。我不能使用playapi。一旦我点击这个按钮,我就可以正常使用api了。html版本在chrome上根本不起作用 同样在iPhone上,我知道自动播放不应该工作,这是正常的。但是,如果我使用api进行播放,它会在容器中显示另一个按钮,我需要单击该按钮,否则视频将无法启

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

在chrome中,我将自动播放设置为true,它应该可以工作,但不能。当我加载播放器时,我在顶部有一个flash的“播放”按钮。我不能使用playapi。一旦我点击这个按钮,我就可以正常使用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>

测试每日运动
玩
暂停
//给时间加载dailymotion脚本
setTimeout(函数(){
DM.init({
apiKey:“”,
状态:false,//检查登录状态
cookie:true//启用cookie以允许服务器访问会话
});
var player=DM.player(
document.querySelector(“#player dailymotion”),
{
视频:“x1safo9”,
宽度:“400px”,
高度:“200px”,
参数:{
自动播放:1,
无铬:1
}
}
);
document.querySelector(“#play”).addEventListener('click',function(){
console.log(“单击播放”);
player.play();
});
document.querySelector(“#pause”).addEventListener('click',function(){
log(“单击暂停”);
player.pause();
});
}, 1000);
JSFIDLE上的示例:

有没有办法在iPhone上第一次使用api启动视频?为什么autoplay不能在我的chrome mac上运行


[更新]我发现了一篇关于chrome更新的文章,他们现在默认屏蔽了所有flash内容。那么如何使用dailymotion html版本?

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

  • chrome上的自动播放:chrome在一定大小下阻挡flash播放器,因此需要用户交互来播放视频。尝试设置一个更大的播放器(如738x432),您将获得预期的行为
  • 在iOS上:这是iOS限制。从播放器iframe外部的按钮调用play()不被视为真正的用户交互,因此必须等待用户触摸播放器的开始屏幕。有关更多详细信息,请参阅

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

实际上,chrome现在阻止了所有flash内容: