2012-02-17 322 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 
     { } 
    }