我正在嘗試使用dailymotion api,並且遇到了iphone和Chrome在Mac上的問題。dailymotion api初始玩
在鉻,我有自動播放設置爲true,它應該工作,但它不。當我加載播放器時,我會在頂部看到一個「播放」按鈕。我不能使用play api。一旦我點擊這個按鈕,我可以正常使用api。 html版本根本無法在Chrome上運行。
同樣在iPhone上,我知道自動播放不應該工作,這是正常的。但是,如果我使用api進行播放,它會在容器內顯示另一個需要點擊的按鈕,否則視頻將無法啓動。再次初始點擊完成後,使用api播放/暫停正常工作。
我的代碼:對的jsfiddle
<!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>
例如:
https://jsfiddle.net/uq8gftcy/1/
是否有使用API開始播放視頻首次在iPhone的方法嗎?以及爲什麼自動播放功能無法在我的Chrome Mac上運行?
[更新]我發現了一篇關於chrome更新的文章,他們現在默認阻止了所有的flash內容。那麼我怎樣才能使用dailymotion html版本?
實際上,Chrome現在阻止了所有Flash內容:http://arstechnica.com/information-technology/2015/08/google-chrome-will-block-auto-playing-flash-ads-from-september-1/ –