С помощью учетной записи Vimeo Plus, как скрыть/удалить кнопку "play" в середине встроенного видео? - программирование
Подтвердить что ты не робот

С помощью учетной записи Vimeo Plus, как скрыть/удалить кнопку "play" в середине встроенного видео?

В поиске я столкнулся с этим, что говорит, что Vimeo еще не поддерживает его. Но мне было интересно, не нашел ли кто-нибудь умных путей вокруг него?

https://vimeo.com/forums/topic:37769

Здесь изображение:

enter image description here

4b9b3361

Ответ 1

Теперь вы можете удалить все элементы управления

просто хотел обновить кого-нибудь нового, смотрящего на это. Теперь представляется возможным иметь встроенное видео без каких-либо элементов управления, используя экспериментальную функцию: background=1

Заметки

  • Все переключатели игроков и элементы будут отключены (включая кнопку воспроизведения/паузы!)
  • Видео будет автоматически зацикливаться.
  • Видео будет настроено на автовоспроизведение.
  • Видео будет отключено.

вы можете использовать js-api для управления видео (пауза, воспроизведение и т.д.).

Пример кода для встраивания

<iframe src="https://player.vimeo.com/video/76979871?background=1" 
   width="500" height="281" frameborder="0" webkitallowfullscreen 
   mozallowfullscreen allowfullscreen>
</iframe>

Посмотреть сообщение на форуме здесь: https://vimeo.com/forums/help/topic:278001

Ответ 2

В вашей учетной записи Vimeo перейдите к видео, которое вы хотите внедрить, затем откройте "Настройки" > "Вставить". После включения опции "Показать панель воспроизведения". Это позволит удалить кнопку воспроизведения в середине вашего видеоизображения, но отобразит панель воспроизведения внизу изображения. Из того, что я могу сказать, это или. Мне очень хотелось бы скрыть оба, поэтому вы просто видите чистую рамку плаката видео и нажмите на нее, чтобы начать воспроизведение. Если кто-то знает, как, пожалуйста, дайте мне знать.

Ответ 3

Я надеюсь, что это не против правил Vimeo, но можно скрыть эти кнопки.

<!-- Video original height is 280px -->
<style type="text/css" media="screen">
    #wrapper {
        overflow: hidden;
        position: relative;
        width: 500px;
        height: 560px;   /* height x 2 */
    }
    #wrapper iframe {
        position: absolute;
        left: 0px;
        top: -140px;  /* video height / 2 */
    }
</sytle>


<div id="wrapper">
    <iframe id="player1" 
        src="http://player.vimeo.com/video/83762493?loop=1&autoplay=1" 
        width="500" height="560" <!-- vide height x 2 -->
        frameborder="0">
    </iframe>
</div>