HTML5- Safari не воспроизводит или не распознает <video>

ОК, я создаю сайт с видео в качестве фона. Вот код:HTML5- Safari не воспроизводит или не распознает <video>

<video id="video1" autoplay loop preload poster="" muted> 
    <source src="video/video2.mp4" type="video/mp4"/> 
    <source src="video/video2.webm" type="video/webm"/> 
</video>

и вот CSS:

video#video1 
{ 
    position: fixed; 
    min-width: 100%; 
    min-height: 100%; 
    top: 50%; 
    left: 50%; 
    -ms-transform: translateX(-50%) translateY(-50%); 
    -moz-transform: translateX(-50%) translateY(-50%); 
    -webkit-transform: translateX(-50%) translateY(-50%); 
    transform: translateX(-50%) translateY(-50%); 
    z-index: -100; 
    width: auto; 
    height: auto; 
    background-size: cover; 
}

Chrome, Opera, Internet Explorer и Firefox работают хорошо, только одна дает мне проблемы, является Safari. Есть идеи?

версия сафари 5.1.7 (7534,572)

источник

2016-05-12 Anonymous

это Safari в Windows (текущая версия OSX - 9.1, поэтому я так полагаю), то это устаревший продукт, а IIRC не включает поддержку контейнера H.264. Я бы порекомендовал просто не поддерживать Safari в Windows – Offbeatmammal

У меня действительно есть окна. поэтому ... если я оставлю код так, как есть ... и кто-то откроет сайт в браузере сафари из ... mac ... это сработает? –

У меня есть Mac, поделитесь ссылкой, и я дам вам знать :) – Offbeatmammal

Вы должны иметь QuickTime установленный для Windows Safari для поддержки .mp4.

источник

2016-05-12 18:25:08 stuartmccoll

Done !! Он работает сейчас. Огромное спасибо. Теперь я должен найти способ отключить звук XD, который я отключил в теге

http://www.w3schools.com/tags/tag_video.asp

, как вы можете увидеть и здесь сафари оленья кожа поддержка типа видео WebM ... только mp4

источник

2016-05-12 13:46:16 makoulis

, как вы можете видеть, у меня также есть mp4 в коде –

HTML5- Safari не воспроизводит или не распознает <video>

ответ

Смежные вопросы