如何使用jQuery在視頻在iframe內部結束時觸發事件？

-2

我期待當影片播放完畢後，此觸發事件是以下的iframe我使用：如何使用jQuery在視頻在iframe內部結束時觸發事件？

<div class="item"> 
    <div class="home-content-slider"> 
     <div class="home-content-inner"> 
      <iframe id="vid1" src="<%= post %>" width="" height="" frameborder="0" allowfullscreen></iframe> 
     </div> 
    </div> 
</div>

來源

2017-06-29 Amrinder Singh

您是否嘗試聯繫他們的開發團隊？ –

您應該檢查視頻服務提供商的回調。 –

與其將一個問題編輯成一個全新的問題，不如提出一個新問題。只有上述評論已被這個編輯無效，所以我會放棄 - 如果答案已經失效，我會回滾更改。 – halfer

Check this JsFiddle，展示Vimeo的視頻在視頻播放嵌入與警報例子並完成

<iframe src="https://player.vimeo.com/video/66966424" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> 

<script src="https://player.vimeo.com/api/player.js"></script> 
<script> 

    var iframe = document.querySelector('iframe'); 
    var player = new Vimeo.Player(iframe); 

    player.on('play', function() { 
     alert('You have played the video') 
    }); 
     player.on('ended', function(){ 
     alert('Video play completed'); 
    }); 

    player.getVideoTitle().then(function(title) { 
     console.log('title:', title); 
    }); 
</script>

Vimeo API Reference

來源

2017-07-12 08:56:50

我不知道爲什麼人們拒絕投票，如果你認爲這個問題有用然後請upvote，並感謝您的幫助:) –

@Insomania我認爲你的問題可能已被downvoted，因爲它缺乏信息。舉例來說，這是一個Vimeo視頻是一個應該包含在問題中的重要信息。 PS：我給你的答案與你早一小時接受的答案相同;） – vi5ion

贊同@ vi5ion的投票。你應該以適當的方式提問問題的細節。 –

如果你真的需要使用IFRAME：

創建seprate頁說video.html，使用接受所需的視頻播放參數URL查詢字符串參數並最終使用視頻服務API進行繪製播放。 Example of using YouTube API

現在使用iframe打開video.html作爲源代碼並傳遞所需參數以顯示視頻播放器。

來源

2017-07-12 06:19:39

在我的情況下，視頻不是Youtube視頻，它的視頻 –

我在您的評論中閱讀了另一個答案，其中包含的視頻來自Vimeo。在這種情況下，你可以使用Vimeo的的JavaScript API：https://github.com/vimeo/player.js

然後，你可以這樣做：

var player = new Vimeo.Player('vid1'); 

player.getEnded().then(function(ended) { 
    // ended = whether or not the video has ended 
}).catch(function(error) { 
    // an error occurred 
});

來源

2017-07-12 07:39:59 vi5ion

也感謝你@ vi5ion，我真的很感謝你的努力和分享這個有用的信息:) –

如何使用jQuery在視頻在iframe內部結束時觸發事件？

回答

相關問題