如何創建視頻疊加？

-2

嗨，我已經看到幾個博客這樣做，但我想知道他們是如何完成的，我不知道該怎麼看待這件事。如何創建視頻疊加？

退房此鏈接http://concreteloop.com/2013/02/video-nicki-minaj-french-montanas-freaks-behind-the-scenes

通知，他們有一個圖像和PLAYBUTTON，一旦你點擊播放按鈕，圖像消失，在視頻播放。我想知道是否有人知道我在哪裏可以學習創建此功能。

來源

2013-02-26 user2098563

我懷疑你會通過鏈接到一個nicki minaj視頻得到很多幫助。爲什麼你不能查看頁面源並查看發生了什麼？或者問一個真正的問題。 – jzworkman 2013-02-26 21:09:34

在瀏覽器上點擊鼠標右鍵，然後點擊檢查元素！瞧... – Shouvik 2013-02-26 21:10:25

@jzworkman不需要粗魯 – user2098563 2013-02-26 21:16:03

這是你試圖實現的簡單示例。首先隱藏視頻，然後在用戶單擊圖像時顯示並播放該視頻。

<div id="container"> 
    <img src="http://content.internetvideoarchive.com/content/photos/7142/29998006_.jpg" /> 
    <video width="320" height="240" controls style="display: none;"> 
     <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4" type="video/mp4"> 
    </video> 
</div> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script> 
    $(function() { 
     $('img').click(function() { 
      $(this).hide(); 
      $('video').show() 
      $('video')[0].play(); 
     }); 
    }); 
</script>

來源

2013-02-26 21:17:50 MattDiamant

最笨的方式我會這樣做，將有一個圖像文件和一個js函數鏈接到它，基本上隱藏在點擊圖像和顯示包含視頻的div塊。雖然你真的需要學習使用螢火蟲或網絡督察。

來源

2013-02-26 21:13:08 Shouvik

如何創建視頻疊加？

回答

相關問題