Как скрыть кнопку воспроизведения YouTube, появляющуюся на видео? - PullRequest
Новая
       4

Как скрыть кнопку воспроизведения YouTube, появляющуюся на видео?

4 голосов
/ 17 февраля 2012

Я хочу от вас избавиться от кнопки воспроизведения трубки, которую вы видите на изображении, а также от этого первого кадра, если это возможно.

enter image description here

Я хочу использовать свою собственную кнопку воспроизведения и свой первый кадр в качестве тега img, который на самом деле уже есть и работает. Но когда я запускаю метод API playVideo (), я скрываю кнопку воспроизведения и первый кадр и вижу (на несколько мгновений), что есть кнопка воспроизведения youtube и первый кадр youtube, который вы видите на прикрепленном изображении. И через несколько секунд он исчезает и показывает gif загрузки.

Ответы [ 2 ]

3 голосов
/ 27 июня 2012

Я обнаружил, что это невозможно. Таким образом, единственный способ скрыть кнопку «Воспроизведение» - поместить видеоизображение поверх видео, которое можно получить с YouTube. Смотрите эту ссылку .

0 голосов
/ 21 января 2016

Добавить кнопку для сохранения видео 

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