Управление выключением миниатюры Vimeo и началом видео

Я смотрю в vimeo embed api. Я хочу, чтобы видео воспроизводилось автоматически при загрузке, которую я работаю, но в настоящее время происходит следующее:

• плеер загружается, а затем воспроизводится автоматически [событие "готово"]
• уменьшенное изображение удалено и отображается черным примерно на секунду
• начинается воспроизведение видео [событие "playProgess"]

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

Как я полагаю, это может быть решено - это оставить миниатюру и активировать скрытие миниатюры при первом «playProgress», но я не могу найти никакого способа контролировать, когда миниатюра включается или выключается.

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

Вот перо с запущенным api: http://codepen.io/mattcoady/pen/KMzZMZ

$(function() {
    var player = $('iframe');
    var playerOrigin = '*';
    var status = $('.status');

    // Listen for messages from the player
    if (window.addEventListener) {
        window.addEventListener('message', onMessageReceived, false);
    }
    else {
        window.attachEvent('onmessage', onMessageReceived, false);
    }

    // Handle messages received from the player
    function onMessageReceived(event) {
        // Handle messages from the vimeo player only
        if (!(/^https?:\/\/player.vimeo.com/).test(event.origin)) {
            return false;
        }

        if (playerOrigin === '*') {
            playerOrigin = event.origin;
        }

        var data = JSON.parse(event.data);

        console.log(data.event);

        switch (data.event) {
            case 'ready':
                onReady();
                break;

            case 'playProgress':
                onPlayProgress(data.data);
                break;

            case 'pause':
                onPause();
                break;

            case 'finish':
                onFinish();
                break;
            case 'play':
              onPlay();
              break;
        }
    }

    // Call the API when a button is pressed
    $('button').on('click', function() {
        post($(this).text().toLowerCase());
    });

    // Helper function for sending a message to the player
    function post(action, value) {
        var data = {
          method: action
        };

        if (value) {
            data.value = value;
        }

        var message = JSON.stringify(data);
        player[0].contentWindow.postMessage(message, playerOrigin);
    }

    function onReady() {
        status.text('ready');

        post('play');

        post('addEventListener', 'pause');
        post('addEventListener', 'finish');
        post('addEventListener', 'playProgress');
    }

    function onPause() {
        status.text('paused');
    }

    function onFinish() {
        status.text('finished');
    }

    function onPlay(){
      alert('play')
    }

    function onPlayProgress(data) {
        status.text(data.seconds + 's played');
    }
});