-
Posts
-
I’m using the video tag to add a poster image and it works wonderfully on pc browser and iphone but on the ipad for some reason the video is squashed and very small. Can you take a look and tell me if I should add some special css or parameter to make it function? Thank you very much!
http://puoianchetu.mokabox.com/corso/lezione-1/
Jeff
Hey!
Can you provide us with an admin account so we can log in and take a look live. Without being able to see how the video was added in and whats going on live I’m not sure what could be causing the video to display like that.
Regards,
DevinJosue,
you can quickly test it on a ipad. However, the solution did not work.
If you have another way of adding the video properly with Enfold let me know, I don’t need to use the <video> if you have a better solution
Hi Josue,
this issue now has become important because it seems to be the last issue left on the site before going ‘live’
Have you come to a reason why the video on ipad is playing back extremely small rather than full width like on the pc browser?
Thanks
Hi!
This is currently a non-theme related problem with Safari and HTML5 videos (w/ covers) set to 100% width, as you do here:
<video width="100%" poster="http://puoianchetu.mokabox.com/wp-content/uploads/2014/07/poster_video_home.jpg" controls="controls"> <source src="http://puoianchetu.mokabox.com/wp-content/uploads/2014/06/Video_Silvia_Puoi-Anche-tu-LQ02.mp4" type="video/mp4"> </video>A solution would be to set fixed width to the video in Safari mobile, something like this will do it (i’m assuming you set an ID to the video):
.avia-webkit-7 #homevideo{ max-width: 320px; margin: 0 auto; display: block; }Regards,
Josue
- You must be logged in to reply to this topic.