I'm using the video.js plugin for WordPress, self-hosting the video in WordPress Media Library. Have included .mp4, .webm, and .ogv file formats within shortcode. Have page working well in iOS & OSX (Safari), on OSX with Firefox browser, on iOS with Chrome browser. But nothing I do gets Chrome working on a Mac or PC desktop/laptop. There's the poster and audio, but no video.
[videojs mp4="http://wurl.com/assets/IMG_5880.mp4" webm="http://wurl.com/assets/IMG_5880.webmsd.webm" ogv="http://wurl.com/assets/IMG_5880.oggtheora.ogv" poster="http://wurl.com/assets/poster.jpg" height="529" width="940"]
Problem post is: http://wurl.com/wurl-hosted-app-running-on-x1-rdk-set-top/
I've searched exhaustively, have saved/resaved/reconverted the files, and still no change. Chrome and WP are up to date.
Thanks in advance for any help!
Not all MP4 files are playable in browsers. You need to make sure you use the h.264 codec.
Make sure the video file is saved with the correct encoding and format. Also, compress it so it's not so huge.
Don't host the video directly on Wordpress CMS. Upload it to a location manually.
Also, double check the plugin your using. Make sure it's up to date. Has good reviews, and is compatible with your version of Wordpress.
Related
The WordPress website is not showing images in the safari web browser below version 13.0. I'm trying everything but nothing works. Tried SSL Content fix plugins, deleting the cache, deleted the cloudflare cache, changed http to HTTPS mix, reduced the plug-in version and the wordpress version but still nothing. However, it is perfectly working on other OS like VENTURA, MONTEREY, BIGSUR etc. Firstly, I made this website using a web image format, but after clients requested I change the image format webp to jpeg & png, I ran into issues. Here are the all website links:
webp Image webiste : cons.webhubs.in jpeg image webiste : sikhsaguru.com png Image webiste : dev2.webhubs.in
Upload the image file directly to your website's Media file gallery and see if that would work.
Many people face the same problem with the Safari web browser. According to me, it happened because the origin server was serving mixed content to Cloudflare. So, you should check the SSL certificate on the origin server (the server that hosts your WordPress install, not Cloudflare).
If you don’t fix the mixed content in your WordPress install, the problem will return every few days/weeks.
Also check your site on Why No Padlock, it will help you to get to know the problem on the Webpage of the website regarding SSL.
Images in posts were displaying normally in while I was developing in local. Once I migrated website via all in one WP migration plugin, images won't show on posts (they are uploaded but not showing). However, those same images are normally loaded on some devices and browsers, but on some they are not showing (when I inspect element, file path is fine and image link is loaded perfectly but image itself isn't showing). For example, website is normally uploaded on my laptop on Mozilla (which is not my default web browser), but on the same laptop images from posts are not uploaded on Chrome.
This is my clients website https://mihabodytec-batajnica.rs/
Here are photos of what I am facing:
The problem is, your page is loaded via HTTPS. But the image URLs in your page is loaded via HTTP.
You can easily figure out this issue viewing the Console in Developer Tools of your browser.
Here's the screenshot:
What you have to do is, update the image URLs to force HTTPS. Or else, you simply change the site url to "http" (which is not recommended).
I am uploading video file to the wordpress post. It's just 7-8 MB's. Its playing perfectly on other websites. When I copy/paste the link from post in the browser. Its now showing me the file. Is it because the directory is protected? or is there any other issue?
Link to File
The file is there but cannot be viewed directly.
I think the videos of your site are hosted on "https://vid.app.com.pk/" so the right URL should be https://vid.app.com.pk/vid/wp-content/uploads/2020/06/Pindi-Batian-Police-Action-Against-Criminals-1-1.mp4
I've come to seek help as I can not figure out what is going on with the pdf files on the site I am working on.
Normally, if you have a direct link to a pdf, Chrome, and most other browsers preview the file from within the browser. E.g. when I paste this link into Chrome:
http://www.adobe.com/content/dam/Adobe/en/devnet/acrobat/pdfs/pdf_reference_1-7.pdf
It opens the pdf in the browser.
However, any pdf files on my site are automatically downloaded when the direct link is accessed. I've noticed that it does work on safari on the iPad but it doesn't work in Chrome on the pc.
I've found many people who wished the opposite but I found only few who gave an answer to my question. I tried editing the .htaccess file like this:
<FilesMatch "\.(?i:pdf)$">
ForceType application/pdf
Header set Content-Disposition inline
</FilesMatch>
This did not work.
I quickly tested it with a clean wordpress install on another host and there it works just fine. Any ideas?
Here's the link to the file:
http://cgdespreng.nl/wp-content/uploads/2016/12/Test-pdf.pdf
Try embedding it within a Google Docs Viewer:
https://docs.google.com/viewer?url=http://cgdespreng.nl/wp-content/uploads/2016/12/Test-pdf.pdf
I installed a copy of another wordpress installation of a client in a subdomain. All seems to work fine but images don't. I'm using videos as background and they are working perfect. If I take a look inside the media menu the images are not visible (you can only see an X for every image), but if you manually take the link of every image all the links works fine and images are accesible.
I suspect that issue is related with any of the functions that process images. Maybe some kind of error related with the subdomain which obviously have a dot in the domain name.
¿Any idea?
Thanks in advance!
I assume that you uploaded the images of the client's WordPress installation via FTP.
As far as I know WordPress Media Library cannot “see” images that are not uploaded through the Media Library uploader. The Media Library uploader (aside from uploading your media) creates necessary references within WordPress which you don't have when uploading media via ftp.
This is a common WordPress flaw. There are plugins which might solve your problem by creating the necessary references after such a ftp upload, e.g. Add From Server.