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
Related
I run a WordPress site where we have some .docx files available for download to our subscribers. Much to my surprise, I was unable to download these .docx files on Chrome - I tested this out on two computers, tested with different accounts and tested in both regular and Incognito Mode. When I hit the download button, the page attempts to go to the specific download page address but then ends up just refreshing and doing nothing. I also attempted to enable the option where downloads open in a new tab but when I click "download" in this case, a new table briefly opens and immediately closes without pulling anything up.
As mentioned in the title, I have absolutely zero problems downloading the files on Safari or Firefox. Furthermore, the downloads were working perfectly on Chrome a couple days ago but now everything seems broken, both with the new files I uploaded and the old files that were already there.
Does anyone have any suspicions as to what may be the cause of this and what I can do to remedy it? It seems like this is more of a Chrome issue than WordPress issue.
i am currently building a website in wordpress (with elementor) that needs animation on it.
I want to use Lottie to do this since i love the possibilities of it, but i can only get Lottie to work with the plugin WP Bodymovin by taking the shortcode and putting it inside a "HTML code" block in elementor.
But i want the animation to be triggered on mouse over which seems to be possible with this plugin "Animentor – Lottie & Bodymovin widget for Elementor". But when i upload my .JSON file through the "Animentor" widget in elementor, nothing shows up.
Hoping anyone has some direction for how to work with this since i already tested on different computers and different browsers and made sure the plugin is compatible with newest version of elementor.
Thanks for your time.
Animentor uses the WordPress Media Library to manage the .json files you’ve uploaded, so they should have been loading from the same domain.
As #CK MacLeod correctly pointed out, a CORS error usually indicates an issue with caching and/or your CDN.
You could try temporarily disabling any caching or CDN plugins you might have installed, so you can identify which one causes the issue.
Alternatively, you could also try setting the Access-Control-Allow-Origin header in your .htaccess file:
<FilesMatch ".json">
Header set Access-Control-Allow-Origin "*"
</FilesMatch>
If you think this is an issue with Animentor, plese open an issue on its GitHub repository.
Disclaimer: I’m the developer of “Animentor – Lottie & Bodymovin widget for Elementor”.
I have a problem on my site, Ive enabled a WebP feature of a wordpress plugin, not knowing it wont work with Safari. Ive then disabled that feature, and made sure that the added code on the htaccess were removed.
Now the site is not displaying images on Safari properly. Error is - "Resource interpreted as Image but transferred with MIME type image/webp." I tried to add code to deny webp file type on htaccess out of desperation, still not working.
Is there a way to block serving webp on Safari on htaccess? Or other possible fix. Is this a MIME issue? Thank you.
I have been working on improving performance on my Wordpress site, one of the things I have done, I switched to dynamic delivery of CSS and JS files (so they are compressed by PHP), which worked very well for performance tests, it seems as though firefox is throwing some errors but the website loads.
Now, I have ALSO added this to the .htaccess in my JS and CSS folder (wp-incldues) on a wordpress site:
<filesMatch "\.(js|css)$">
Header set Content-Encoding x-deflate
# Header set Content-Encoding compress
# Header set Content-Encoding x-gzip
</filesMatch>
for compressing JS and CSS files (since that was flagged in a speed test...), now everything works fine on IE11 and Chrome 43 and on my Android mobile as well, as well as speed test sites, such as http://www.webpagetest.org/ which in fact was recommending to compress those files there..
BUT the bad thing is that the website appears broken in Firefox 38.0.1, it cannot load my menus and Revolution Slider (image carousel).
I've temporarily removed the .htaccess from those folders, speed test in fact flags as a potential for optimisation but at least the website loads properly in firefox now.
here is a collage that shows the errors...https://dl.dropboxusercontent.com/u/28979877/FirefoxErrorsCollage.png
any thoughts? the website is www.flower-beach.com
many thanks,
Gabrio
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.