CODEWITHSUNDEEP
htmlgoogle-chromesafarihtml5-videoplayback
williamchanter
williamchanter

Reputation: 169

HTML5 Video Playback issue in Safari

I need some help.

I have this site here and if you look at it in Chrome, then the video fits the screen, yet in Safari it does not fit :(

This is the issue? I want it to fit !!!

This is the html 5 video code...

<video id="top" class="video" width="100%" height="100%" poster="te/wave.jpg" preload="auto" muted="muted" autoplay="autoplay" loop="loop" >
    <source src="te/wave.mp4" type="video/mp4" />
    <source src="te/wave.ogv" type="video/ogg" />
</video>

Any help would be good

Thanks

Upvotes: 1

Views: 339

Answers (1)

Chuck Le Butt
Chuck Le Butt

Reputation: 48816

There isn't a way to tell a video to explicitly ignore the aspect ratio, but try adding this as CSS. It may work...

<style>
video { 
  -webkit-transform: scaleX(2); 
  -moz-transform: scaleX(2);
}
</style>

Upvotes: 1

Related Questions