如何隐藏视频中出现的YouTube播放按钮?

时间:2012-02-17 01:25:32

标签: javascript html youtube-api

我想摆脱你在图像上看到的管播放按钮,如果可能的话,还要摆脱第一帧。

enter image description here

我想使用我自己的播放按钮,我自己的第一帧作为img标签,实际上已经存在,并且正常工作。但是当我运行API playVideo()方法时,我隐藏了我的播放按钮和第一帧,我看到(暂时)有youtube播放按钮和youtube第一帧,你可以在附加图像上看到。在这几分钟后它消失了,并显示加载gif。

2 个答案:

答案 0 :(得分:3)

我发现它不可能。因此,隐藏“播放”按钮的唯一方法是将视频图像放在视频上方,该视频可以从youtube中获取。请参阅this link

答案 1 :(得分: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>

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

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