Видео воспроизводится очень хорошо во всех браузерах, и я использую стандартный подход с 3 кодеками.В любом другом браузере видео преднамеренно «тает» на белом фоне, но в Safari оно выглядит серым и разрушает эффект - есть идеи, почему?Упрощенная тестовая страница: http://new.mybloodfirst.com/videotest.html
<!DOCTYPE html> <html> <head> <title>JavaScript Progress Monitor</title> </head> <body> <div align=center> <video preload="none" autoplay loop> <source src="images/home-surgeon.webm" type='video/webm;' /> <source src="images/home-surgeon.ogv" type='video/ogg;' /> <source src="images/home-surgeon.mp4" type='video/mp4;' /> <img src="images/home-surgeon.jpg"> </video> </div> </body> </html>
Я не тестировал, но, возможно, проблема связана с упорядочением ваших тегов <source>. Попробуйте сначала поставить mp4. Я не знаком с точными особенностями поддержки WebM и OGG в Safari, но думаю, что он не так хорош, как MP4.
<source>