2012-02-17 175 views
4

我想擺脫你在圖像上看到的管播放按鈕,並且如果可能的話,也是第一幀。如何隱藏視頻中出現的YouTube播放按鈕?

enter image description here

我想用我自己的播放按鈕,和我自己的第一幀img標籤,這實際上已經存在,並正常工作。但是,當我運行API playVideo()方法時,我隱藏了我的播放按鈕和第一幀,並且我看到(很少片刻)有YouTube播放按鈕和youtube第一幀,您可以在附加圖像上看到它。在這段時間後,它消失了,並顯示加載gif。

回答

3

我發現它不可能。因此,隱藏「播放」按鈕的唯一方法是將視頻圖像放在可從YouTube獲取的視頻上方。見this link

+0

我不知道如果這是你的要求,但我覺得這會迷惑人,他們不會明白,圖片實際上是一個視頻,除非你想實現什麼。 – Rafael 2016-01-21 12:46:48

0

用於添加一個按鈕保存視頻

<asp:Button ID="buttonInsert" runat="server" Text="Add video" OnClick="buttonInsert_Click"/> 

採取一個隱藏字段用於保持圖像的價值。

<asp:HiddenField ID="VideoId" runat="server" ClientIDMode="Static" /> 

編寫JavaScript代碼如下所示獲得圖像

<script type="text/javascript"> 
$(document).ready(function() { 
$("#buttonInsert").click(function() { 
    var youtubeid = $("#textBoxScript").val().match(/[\w\-]{11,}/)[0]; 
    $("#VideoId").val("http://i1.ytimg.com/vi/" + youtubeid + "/0.jpg") 
    }); 
}); 
</script> 

保存隱藏fiels的值數據庫。

protected void buttonInsert_Click(object sender, EventArgs e) 
    { 
     try 
     {   
      string ThumbnailImage = VideoId.Value; 
      //save ThumbnailImage into database 
      //and when you get video list you will get as a image. 
      //on that image you can also add Play icon        
     } 
     catch 
     { } 
    } 
相關問題