Трубчатое видео jquery не запускается в Safari 7 (mac)

Question

Я использую трубчатый плагин ( http://www.seanmccambridge.com/tubular/) для создания тонкого HTML-видео фона. Это работает в Chrome, но в Safari 7 на Mac видео не запускается.

Я сузил это до z-index, являющегося причиной, по которой сафари не запускает видео автоматически. Когда я изменяю z-index для tubularContainer (по умолчанию 1) на значение выше моего другого контента (например, 9999), видео начинается просто отлично.

var tubularContainer = '<div id="tubular-container" style="overflow: hidden; position: fixed; z-index: 1; width: 100%; height: 100%"><div id="tubular-player" style="position: absolute"></div></div><div id="tubular-shield" style="width: 100%; height: 100%; z-index: 1; position: absolute; left: 0; top: 0;"></div>';

Кто-нибудь знает, как обойти это поведение сафари? Как будто видео не запускается, если над ним находится контент с z-index.

Answer 1

Я взломал jQuery Tubular для проекта, который требует полноэкранного видео на YouTube, которое оказалось намного дальше, чем я думал вначале. Я столкнулся с этим также и не мог просто поменять плагин из-за того, что уже изменил Tubular для обеспечения обратных вызовов и других функций.

Вот как я исправил сафари:

window.onYouTubeIframeAPIReady = function() {
    player = new YT.Player('tubular-player', {
        width: options.width,
        height: Math.ceil(options.width / options.ratio),
        videoId: options.videoId,
        playerVars: {
            controls: 0,
            showinfo: 0,
            modestbranding: 1,
            wmode: 'transparent',
            rel: 0,
            autoplay: 1,
            html5: 1
        },
        events: {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange
        }
    });
}

(это код, измененный непосредственно в jquery.tubular.js)

Главное, на что стоит обратить внимание, это HTML5 : 1, который поощряет использование проигрывателя HTML5. Я не знаю, почему Safari по умолчанию использовал Flash, но это было, и это было проблемой для меня. По-видимому, есть некоторый режим "экономии батареи", который влияет на плагины, такие как Flash.

Answer 2

Плагин кажется несовместимым с функцией энергосбережения Safari. Safari даже не будет воспроизводить видео на своей домашней странице.

Я использую Jquery-MB-YTPlayer вместо