使Vimeo視頻結束時消失，並停止點擊

我試圖讓Vimeo iframe 1）在視頻結束時消失，2）當用戶在框架外單擊時消失並停止。使Vimeo視頻結束時消失，並停止點擊

我已經看到關於第一個問題的幾個問題，但是Vimeo API對於我的技能組來說太複雜了，沒有一些特定的指導。我不認爲的第二個問題已被具體詢問。

這裏有一個fiddle與我已有的jQuery和html的東西。

/*HTML*/ 

    <div class="main_image"> 
    <div id="video"></div> 

<a href="#" id="showVideo"> 
    <img src="http://static.ddmcdn.com/gif/11-billion-people.jpg"> 
     <div class="playbutton"> 
       <img class="image" src="http://www.onyxga.com/images/Play-Button.png"> 
       <img class="image hover" src="http://www.clipartbest.com/cliparts/M9c/pjy/M9cpjydTE.png"> 
     </div> 
     <div id="title">Video Title</div> 
</a> 

</div> 


/*script*/ 

$('#showVideo').click(function() { 
    $('#video').show().html('<iframe src="http://player.vimeo.com/video/122447979?title=0&amp;byline=0&amp;portrait=0&amp;color=d01e2f&amp;autoplay=1" width="600" height="300" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>'); 
}); 

    $(".main_image").mouseenter(function() 
    { 
     $(".playbutton").fadeIn(100);      
    }); 

    $(".main_image").mouseleave(function() 
    { 
     $(".playbutton").fadeOut(100);      
    });

來源

2015-04-15 user2985093

這不適用於vimeo api。你可以嘗試爲你的問題的第一部分使用setTimeout，但這是一個壞主意。第二部分： 1）您可以添加覆蓋和更新網址（我相信Vimeo具有自動播放網址參數），當它被點擊並將其重點時 2）當失去焦點時，再次更改iframe src。但最好的方法是使用他們的API！ – colecmc

你試過他們的Froogaloop api庫嗎？ https://developer.vimeo.com/player/js-api

你可以添加事件在完成 player.addEvent（'finish'，onFinish）;

然後觸發一個事件，刪除包含視頻的元素。

對於第二個部分我會按照這個帖子 How do I detect a click outside an element?

有各種各樣的那個鏈接應該當他們點擊視頻以外的檢測工作方法。然後你只需要刪除DOM中的視頻對象

歡呼聲和好運

來源

2015-04-15 17:59:49 humanbeing

試圖讓視頻完成後關閉。看看這裏的API和一些相關的討論，但我做錯了什麼... https://jsfiddle.net/cdo2roqe/1/ – user2985093

使Vimeo視頻結束時消失，並停止點擊

回答

相關問題