2015-11-24 80 views
0

我正在嘗試使用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版本?

+0

實際上,Chrome現在阻止了所有Flash內容:http://arstechnica.com/information-technology/2015/08/google-chrome-will-block-auto-playing-flash-ads-from-september-1/ –

回答

1

你的兩個問題是視頻播放器的正常行爲:

  • 自動播放上的鍍鉻:具有一定規模下的鍍鉻塊flash播放器,讓播放視頻時需要用戶交互。嘗試設置一個更大的球員(如738x432),你會得到預期的行爲。在iOS上:
  • :這是一個iOS限制。從播放器iframe之外的按鈕調用play()不被視爲真正的用戶交互,因此您必須等待用戶觸摸播放器的開始屏幕。有關更多詳細信息,請參閱Dailymotion embedded player on iOS devices (HTML5)

您可以檢查其他視頻提供商,其行爲與它依賴於OS /瀏覽器的選擇相同。