-
Posts
-
Hi,
I hope you can help me… I’ve got an MP4 running as a Background Video on a Color Section and it works fine on Safari but fails on Chrome.
When inspect the element, it lists the sources as WEBM first, then MP4, then OGV. In Safari it appears to fall back to MP4 but it Chrome it fails because there is no WEBM format available.
<video class=”avia_video av-mediajs-loaded” poster=”http://pimberly.com/wp-content/uploads/2016/03/pimberly_intro_720_ident_end.jpg” id=”player_431_1052212581_290861758″ src=”http://pimberly.com/wp-content/uploads/2016/03/pimberly_intro_720_ident_end.mp4″>
<source src=”http://pimberly.com/wp-content/uploads/2016/03/pimberly_intro_720_ident_end.webm” type=”video/webm”>
<source src=”http://pimberly.com/wp-content/uploads/2016/03/pimberly_intro_720_ident_end.mp4″ type=”video/mp4″>
<source src=”http://pimberly.com/wp-content/uploads/2016/03/pimberly_intro_720_ident_end.ogv” type=”video/ogg”>
</video>You can see the video at the top of this page… http://pimberly.com
Thanks in advance.
Hey nickspeakman,
Could you try uploading the video to a service like Youtube or Vimeo and play it from there to see if that works better?
Best regards,
RikardHi Rikard
Thanks for getting back to me. Yeah that works on Vimeo, but because I don’t have a Pro account the video is poor quality, and it’s poor on YouTube too. So ideally I want to serve it from my own server.
Is there any way to remove the references to WEBM and OGG files from the theme? That way it would have to go for the MP4?
Thanks
Nick
Hey!
It totally depends on the video encoding some browsers may not recognise if you encode it out of the specifications they accept. Hence it’s best to upload to services like youtube which do the job correctly and keeps it updated.
Add the HD video parameter in the youtube link https://developers.google.com/youtube/player_parameters
For example:
https://www.youtube.com/watch?v=7Ya71Vtkccc?&controls=0&modestbranding=0&autoplay=1&rel=0&showinfo=0&hd=1&autohide=1&color=white in the above URL On = 1 and Off = 0 the rest of them are parameters allowed by google controls=0 modestbranding=0 autoplay=1 rel=0 showinfo=0 hd=1 autohide=1 color=whiteOr upload your video to youtube once it’s encoded download from youtube and serve the mp4 video it from your server.
Cheers!
Vinay Kashyap
- You must be logged in to reply to this topic.