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