Yes, in most cases they don't. Video ads can run automatically on every desktop machine (on every desktop browser). On desktop, there is no restrictions in HTML5 autoplaying video. So, everything works as expected. You click play and preroll starts to play before the “main” video.
Unfortunately, this is not the case on mobile and can’t be changed. Autoplaying HTML5 video is not possible on mobile devices.
When you are on mobile device, you need (as user) interact with mobile device (which triggers touch event), and once the touch event is triggered, than player can autoplay all ads. But, first, user must interact 1 time, as we said.
The iPhone has own embedded player and does not allow HTML5 video to play in custom player, so every time user need to manually click (touch) play to play the video, and close to exit the video.
Any custom modifications to the player will not bring workaround because of mobile browsers restrictions and Apple restrictions (due to cellular use, mostly because when users browsing on mobile most of them don’t want to start downloading video on page load).
Video autoplay is when a video begins playing automatically. If this is enabled on the page, clicking on the link to it from a laptop or desktop will cause the video to begin playing as soon as the page is loaded. This creates a seamless, easy experience for the viewer. With a mobile device, however, the viewer has to take an additional step. He has to activate the video itself before it will play. Just loading the page won’t do the trick. And here is the question: Videos can autoplay on desktop but why can you not get them to autoplay on mobile websites when the page loads? The reason that video autoplay doesn’t work is simple. The feature is deliberately disabled in both iOS and Android for mobile devices. The developers intentionally disable autoplay on mobile devices in order to protect user’s bandwidth, to save mobile users money. Many data providers charge based on the amount of data consumed, so the OS developers decided it was in the best interest of the user to not have a video automatically begin playing when the page loaded so it would not start racking up data charges. Instead mobile web videos require the user to click them to start. Autoplay is disabled to keep the user from being charged for a video he doesn’t want to watch. Video preload is disabled for the same reason. In Safari on iOS (for all devices, including iPad), where the user may be on a cellular network and be charged per data unit, preload and autoplay are disabled. No data is loaded until the user initiates it. iOS not only prevents autoplay but also preloading the video until the user initiates it. Android has disabled autoplay in versions 4.1+.
This is not ideal for users, since it makes video slower to load and play even when the user is on a wi-fi connection rather than a mobile phone plan. On the other hand, users would probably complain a lot more about being billed for data that they didn’t want to download or use. So, video autoplay is disabled deliberately on mobile devices to save consumers money. It has an obvious benefit for users, but advertisers also like it due to the fact that since the user initates the starting of the video they are most likely choosing to view it or paying attention to it.
All of our themes have a custom CSS area, and most of the time when you need to do some CSS fixes, we recommend using it, just to make sure the changes will not be lost on update.
In order to add the content, you need to go the the theme options panel and you'll find a Custom CSS tab like in the screenshot here:
If you have a caching plugin, please reset it to get the changes visible.
As of iOS 6.1, it is no longer possible to auto-play videos on the iOS devices.
After a bit of research we found the following extract in the Apple documentation in regard to auto-play on iOS devices to confirm my assumption:
"Apple has made the decision to disable the automatic playing of video on iOS devices, through both script and attribute implementations.
In Safari, on iOS (for all devices, including iPad), where the user may be on a cellular network and be charged per data unit, preload and auto-play are disabled. No data is loaded until the user initiates it." - Apple documentation.
We also disabled that feature from the code and our recommendation is to use fallback images.
One of the hands-down most important factors you’ll be looking at when create your website is the speed. A sluggish website can be very annoying and hard to work with, both for you and your potential clientele.It’s also one of the first things users will complain about; no one wants to wait for twenty seconds just for a web page to load and feel like they’re still using dial-up. Fast loading pages improve user experience, increase your page views, and help with your WordPress SEO.
So below we present some of techniques that you can employ to speed Up your WordPress site.
1. A good host
Having a fast server is paramount to getting short loading speeds on your web pages. No matter what else you do, if the server cannot provide the adequate speed, you’ll be stuck with a sluggish website.A free host just isn’t going to cut it, unfortunately. If you want good speeds, you’re going to have to pay for it. The difference is enormous, as a paid host can have a response time up to twenty times shorter than a free one. This is a mistake that thousands of people have made in the past, so don’t be one of them. Also, when your web hosting server is not properly configured it can hurt your website speed.
2. The theme
Depending on the theme you choose, your website can be super-fast and responsive or agonizingly slow. The science behind it is simple: The more content there is on the page, the more your server will have to upload, and the more your user will have to download.
4. Minify JS and CSS files
If you run your website through Google PageSpeed Insights tool, you will probably be notified about minimizing the size of your CSS and JS files. What this means is that by reducing the number of CSS and JS calls and the size of those files, you can improve the site-loading speed.
4. USE A CDN
CDN stands for content delivery network, and what it does is that it distributes your website to servers all across the globe. Without a CDN, only people from your region will be able to access it with a good speed.
This is because the farther you are away from a server, the longer it takes for the signal to reach it and communicate with it. So if you care about having your website accessible at satisfactory speeds all over the world, a CDN is exactly what you need.
If you’ve been building websites for a while, you might have heard the term “cache” before. Cache is nothing more than a version of your website that is kept in a user’s browser, which helps them load your website more quickly the next time they visit it. The moment that you update your website, you can instruct it to load the new version instead of the cache, which then replaces the cached version for further visits.
Cache can significantly shorten loading times, from 2 seconds to just under 1 second. So if you truly care about speed, this is one of the best and cheapest ways to get it.
6. Reduce image size
Images are most likely the biggest thing your users will be loading on your website, and the larger they are the more time it will take for them to load. By reducing and optimizing images to be as small as possible without significantly losing quality, you can really reduce those loading times. So if your business doesn’t require you to have full HD versions of images on your website, do your website a favor and use a format that compresses the image files, or simply make them smaller.
7. Deactivate or uninstall plugins
Keeping unwanted plugins on your WordPress websites will add a tremendous amount of junk to your web files. Moreover, it will also increase the size of your backup and put an overwhelming amount of load on your server resources while backup files are being generated. It is better to get rid of the plugins that you don’t use, and also look for alternate methods to use third-party services for automating or scheduling tasks (like sharing of your latest posts to social media).
8. Cleanup WordPress database
Deleting unwanted data from your database will keep its size to a minimum and also helps in reducing the size of your backups. It is also necessary to delete spam comments, fake users, old drafts of your content and maybe even unwanted plugins as well as themes. All of this will reduce the size of your databases and web files, and thus speed up WordPress – your WordPress.
9. Instal Lazy Load
A LazyLoad plugin works by loading only the images that are currently visible within the user’s browser window, until they scroll down to the rest of the content. By not loading all the images right away, your web page will be available sooner, and your user will have no idea since they can’t see all the content at the same time anyway.
Compressing files on your local computer can save a lot of disk space. Similarly, for the web, we can use GZIP compression. This maneuver will dramatically reduce the bandwidth usage and the time it takes to gain access to your website. GZIP compresses various files so that whenever a visitor tries to access your website; their browser will first have to unzip the website. This process brings down the bandwidth usage to a considerable extent.
The biggest advantage of lowering your website’s loading time is that it will help tremendously in improving the experience of your visitors. The case remains the same whether they are using mobile devices or PCs. After all, reduced bandwidth usage of your hosting and faster site-loading speed on the client side will only benefit you both in the short as well as the long run.