如何隐藏视频上出现的 YouTube 播放按钮？答案

【问题标题】：How can I hide YouTube play button appearing on the video?如何隐藏视频上出现的 YouTube 播放按钮？
【发布时间】：2012-03-08 11:08:35
【问题描述】：

我想去掉你在图像上看到的电子管播放按钮，如果可能的话，还要去掉这个第一帧。

我想使用我自己的播放按钮，以及我自己的第一帧作为 img 标签，它实际上已经存在并且正在工作。但是当我运行 API playVideo() 方法时，我隐藏了我的播放按钮和第一帧，我看到（片刻）有 youtube 播放按钮和 youtube 第一帧，你可以在附加图像上看到。过了一会儿，它消失了，并显示正在加载的 gif。

【问题讨论】：

标签： javascript html youtube-api

【解决方案1】：

我发现这是不可能的。所以隐藏播放按钮的唯一方法是将视频图像放在可以从 youtube 获取的视频上方。见this link。

【讨论】：

我不知道这是不是你的要求，但我觉得这会让人感到困惑，他们不会理解图片实际上是视频，除非你愿意达到。

【解决方案2】：

添加保存视频的按钮

<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>

将隐藏字段的值保存到数据库中。

   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
        { }
    }

【讨论】：