Problem with videos on mobile

Hello!

I have a problem with the videos on my test website.

I am not using YouTube but videos hosted on my server. On desktop – everything seems to be fine. On mobile – there is a problem with displaying the video at first (when you click on the video it loads up perfectly).

Is it possible to help me on this issue because I am making a relatively large installation with over 150k posts and around 10k of them have videos inside.

http://wp.ecomservice.bg/?p=682 <– this is a sample URL where you can see the issue.

Best regards!

Hey!

I use these links https://eurocom.bg/show_videos/news/2024_04_06/06-04-2024-INTERVIW_V_ANFAS_MARIA_KARAGIOZOVA_WEB.mp4

I uploaded around 50k posts (99.9% of them don’t have videos) via WP All Import.

For the ones that have a video I add this code before the content in order to show the video:

<div class="wpb_video_wrapper">
                    <video controls="">
                        <source src="https://eurocom.bg/show_videos/news/',max(video_directory),'/',max(video),'">
                        Your browser does not support the video tag.
                    </video>
                </div></div>

Basically I add my video url to the post. This is not an ideal way to import them I believe but that is the best idea I came up with. On desktop it works good – once you enter the post it shows a thumbnail of the video. On mobile however it just shows the play button. If I click the play button it works well and once I see the video – the thumbnail remains there.

https://ibb.co/MMVznxS
https://ibb.co/3cr9ZZH

Can you advise me on how to properly import posts with videos hosted on my server?

• This reply was modified 2 years by petar777.
• This reply was modified 2 years by petar777.
• This reply was modified 2 years by petar777.

http://wp.ecomservice.bg/

Note – it is HTTP currently

Can you give me your IP to see why you can’t see it? I’ll ask my host.

Your external one if possible.

Are you sure you are trying to access it with HTTP, not HTTPS? Try this link http://wp.ecomservice.bg

Thats weird… Can you check if you can access eurocom.bg and zdravital.bg (these our current websites without the theme)

• This reply was modified 2 years by petar777.
• This reply was modified 2 years by petar777.
• This reply was modified 2 years by petar777.
• This reply was modified 2 years by petar777.

I installed SSL can you check finally? With https? If it works see the issues we mentioned before.

Check it again now, I uploaded 100 videos (latest posts)

https://www.loom.com/share/28bc696e620e408ca5ef380a8ffb3d84

I recorded this one, I hope you can get an understanding of what I am doing.

PS: The problem is that I upload videos from my server, they are not hosted in YouTube, Vimeo or whatsoever. Is it possible for your support to help me on this and find a way to make it work?

I see that on desktop it fetches the video thumbnail whereas on mobile it has no thumbnail.

I believe you didn’t watch the video and don’t understand my question. Anyways, I will try to explain it again.

I upload the video and upload a thumbnail, so the thumbnail is not an issue, all my thumbnails are working perfectly.

If you open this link https://wp.ecomservice.bg/vox-populi/test/ from a mobile device (NOT inspection tool and simulate a mobile device) you will see the play button in the page without any video behind it, once you click it it will appear and stay there.

https://ibb.co/phnG6Gk here is an uploaded image so that you can understand what I mean.

It works well on desktop – it fetches the video but on mobile it doesn’t.

So thats the only issue I have currently.