Solved

HTML Video won't Autoplay on site

Posted on 2014-04-19
6
24 Views
Last Modified: 2016-05-19
http://cctbeta.eastmeetsweb.com/services

I'm building a wordpress site using Layerslider as my slide builder. I’m trying to add some video to my slide using the HTML/Video/Audio option in the layers. I’ve uploaded the video (mp4) & it’s works but….it will not Autoplay even though I have set it to do so in the parameters. I have set the transition in at 2000ms. Do I not have the code correct or is it an issue with my host (Godaddy)?? Please help, thanks.

<video width=”640” height=”480” preload=”metadata” autoplay=”autoplay” controls> <source src=”/wp-content/uploads/2014/04/CCT-Flip.mp4” type=”video/mp4”> </video>
0
Comment
Question by:leftfooter007
  • 3
  • 2
6 Comments
 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 40010594
Did you compose the code above in MS Word or take it from your site?  Because the quotes above are Word "fancy" quotes and that will screw up the parameters.
0
 

Author Comment

by:leftfooter007
ID: 40011063
Thanks Jason, the quotes are normal html quotes, I checked. Some more info....

I have been using Chrome as my browser which gives me the above situation. If I use IE the video sometimes autoplays, but starts in the middle of the video and the background is all messed up. If I use Firefox I can hear the sound of the video trying to load but it doesn’t load. Please help.
0
 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 40011072
but starts in the middle of the video

That may indicate the moov atom is not at the beginning of the mp4 file.  

Run it through this tool:

http://renaun.com/blog/2010/06/qtindexswapper-2/

and then see if the results are better.
0
 

Author Comment

by:leftfooter007
ID: 40011089
Thanks again Jason. The application told me "Moov in proper place, processing not needed"
0
 
LVL 70

Accepted Solution

by:
Jason C. Levine earned 500 total points
ID: 40011464
Now that we know the video is okay, try changing the autoplay parameter to remove ="autoplay"

That param is like the controls one...it's either present or not in HTML5
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Web Development Tools for MVC 3 74
How to silent print from safari browser 6 166
Problem to picture file 3 66
Fixed div within Bootstrap carousel item 11 53
Article by: Matthew
I am a very big proponent of technology compliance standards and strive to meet such criteria in all of my work. That includes my site, which is 100% XHTML 1.0 compliant as determined by the World Wide Web Consortium. https://www.matthewstevenkel…
Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
Viewers will learn about arithmetic and Boolean expressions in Java and the logical operators used to create Boolean expressions. We will cover the symbols used for arithmetic expressions and define each logical operator and how to use them in Boole…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

948 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

23 Experts available now in Live!

Get 1:1 Help Now