Adding a video to a website

[NLeVasseur]

Hi There,
I have looked in the KB for how to use the video element and cannot find any useful info. Just an fyi that I am not talking about embedding a video. With YouTube’s recent changes, I am going to have to take a lot of embedded videos and move them onto some of my clients’ sites.

I have added the video element to the page, but the controls do not show. How do I get them to show?
The video can be viewed on this page: http://365.568.myftpupload.com/news-photos/

It’s the third element down.

I have checked for plugin conflicts by deactivating the photo gallery on that page as well as the embedded soundcloud element below the video I am trying to add controls to.

Thanks for your help.

Nancy

[mldarshana]

Hi Nancy,

Thanks for writing in! I have checked the same video on my test site and I can see the controls are working fine.

Upon checking your site, I see that you’re not fully updated. You can see the latest version number from here (https://theme.co/changelog/) and then update your theme/ plugins (https://theme.co/apex/forum/t/setup-updating-your-themes-and-plugins/62) and re-test your issue again.

If you’re still having issues, you need to disable your 3rd party plugins and test your issue. Further you can disable your child theme by activating your parent theme and test your site. If you have added any custom JavaScript codes into your site, you need to remove them as well and test.

Thanks!

[NLeVasseur]

Thank you for your reply. I have updated the theme, and I see the play button, but it does not play.

Can you take another look?

Thanks again.

[NLeVasseur]

Also, I’d like the time rail to be centered vertically. I needed to add some CSS for the audio player elsewhere on the site that is now causing problems on this page. I have tried entering the following CSS to just this page where the video player is. The time rail centers, but when I save and refresh, it does not take.

.mejs-time-rail {
margin: 0 !important;
}
How can I fix this?

Thanks again.

[NLeVasseur]

Good news, I got it to play by using the permalink: http://365.568.myftpupload.com/img_1293/
http://365.568.myftpupload.com/wp-content/uploads/2018/11/IMG_1293.mov

instead of the file URL.

Now if we can just get that time rail centered vertically.

Thank you!

[NLeVasseur]

Hey there,
I think I’ve got this figured out! It’s looking much better now that I’ve added a class to it.

Thanks again.

[Prasant]

Glad to hear that.