I've looked a bit and seen a number of questions related to serving mp4, but I have not yet seen an answer to "How can I serve MP4 from Wordpress and/or Apache?" I believe it is possible as the twentyseventeen theme IIRC lets you host your own.
I am looking to host my own, if possible, after this question had an anchor linking to this blog post, and the custom generated minimized code did not work on this page on my site. Both that and the present homepage have the offered HTML solution but fail to do what is intended, namely hide related offerings like the (now retired) rel=0 parameter.
What, if any, options do I have to serve MP4 gracefully, with or without streaming, from Wordpress under Apache? I would ideally like something as graceful as under Youtube, but without related videos.
Thanks,
You definitively want to peek a look at the Plugins WordPress offers for video streaming. For example, Easy Video Player allows you to "embed both self-hosted videos or videos that are externally hosted using direct links".
It's just a one-liner. Can't get simpler than that:
[evp_embed_video url="http://example.com/wp-content/uploads/videos/myvid.mp4"]
As of functionality, it will work in Apache, since the webserver only transfers the video by HTTP and the playing occurs in the client side with HTML5. However, you must check that your hosting gives you enough bandwidth to stream content to all your visitors
By default, Wordpress provides a [video] shortcode. I'm trying to see if that will work, as a matter of using Wordpress default functionality.
Related
Just an FYI, I'm an amateur blogger who doesn't know much about coding.
I've been facing a problem recently and I don't know what to do.
My website homepage shows up blank, with just links (http://shlokamariwala.com/)
I've tried to check for any errors in my backend but all seems to be working fine!
I've also uninstalled all plugins to check, but that didn't make a difference.
Please let me know how to go about this! I'm happy to provide any specific additional information needed. Also, since I'm not very well versed in coding, I apologise for my use of lay-man terms in advance!
If I get to your website, most content is not coming from your domain, but is loaded from https://secureservercdn.net/50.62.198.97/qxw.3db.myftpupload.com/.
Also your own site is not using SSL (https), but insecure http.
Many browsers and most anti spamer browser plugins like privacy badger or uBlock Origin will refuse to load this.
Another point may be that you are using canvas data, but also this is blocked by default in modern browsers.
Maybe take a look in the wordpress server site settings and check your servername.
We purchased a WP theme and did some customized changes in php and html
to bring the design where we wanted...
We are almost done with the design of the website and construction
and we are about to deliver to client
but for some reason the website is responding very slow on the first visitor..
and we cannot find the problem, what conflicts with what..
Are there any WP experts in here that could have a look and maybe identify the problem..?
Thank you in advance..
Click here to view the website
Enable gzip compression
Leverage browser caching
Optimize images
Defer parsing of JavaScript
Minify CSS, JS
Analyze your site using GTmetrix and Google PageSpeed Insight, and follow the recommendations that you get from this systems.
It's not that slow? I can get a directory listing from your wp-includes directory just fine. Joking aside, looks like there are two different versions of jquery being loaded in, that's never good for things (view source, line:435) and the homepage makes about 179 requests which is a bit bonkers.
Try a caching plugin. As others have said better configured hosting helps, especially those that use caching technologies such as varnish/redis. A CDN will help with geographic speed. Compress images with WP Smush or similar. Good luck!
There could be multiple issues behind a slow wp website:
Using multiple plugins can slow down a wp website.
A poor web server that is not able to respond quickly.
Some configuration issues.
What i can see is that your website is resource intensive, CSS and JS script files are too heavy, even heavier than all images on the home page.
Try:
Minify the css and js files.
Compress images and the size would come down to less than 1 mb (use tinypng.com)
Use Google page speed to see the flow of the resources of your website and other related details.
Hope this helps.
How toeliminate render-blocking javascript and CSS in above-the-fold content in wordpress. If any one can please help me.
Looks like there is a wordpress plugin called autoptimize that will do a lot of the work for you. I believe it also enables compression. Once you install the plugin, navigate to settings => autoptimize and check optimize CSS code as well as optimize JavaScript code.
I woudn't use a plugin.
First of all merge CSS files into one file.
Next use https://jonassebastianohlsson.com/criticalpathcssgenerator/ .
You'll get some css code - insert it inline in header.
Then you can load rest of the CSS via JS ( https://github.com/filamentgroup/loadCSS ).
Many ways. The ways to pass over 85/100 are -
You can use Pagespeed module
Use a third party service to deliver optimised frontend. Google had such service which is closed now.
Or follow traditional way of backend optimisation.
Nowadays, good websites pass through another service or another server as reverse proxy which automatically optimises the frontend. Thats it.
Traditional way :
That is one server one website and tweak on main server.
Your server's response time higher is most important. First pass it. Test on webpagetest.org.
Then give priority to visible content.
Then leverage cache.
Render blocking matter is after making them great.
Those optimisations are after you have passed server security, time to first byte, uptime etc. There is no plugin that can make 100% perfect with few clicks for all sites.
You should read (see WordPress doc) and load scripts asynchronously on footer or body via plugins like Header and Footer and ask on WordPress forum when you face difficult. Many times many technology websites discussed it in details. There are really very good old blog websites like CSS Tricks. You should find all articles on the topic and read from old to new. It is impossible to give an easy way. Loading Js is more complicated browser, device matter. Furthermore there is W3TC like cache plugin on normal websites.
Known problems of traditional way :
It is not odd to open up a security flaw with some snippets. With HTTP/2 push, many new things, recent security matters of WordPress during February forcing not to talk about odd plugin and snippets. None really can perform security audit. That is why I talked about it 2 years back about render-blocking javascript and CSS, not later . There I have shown settings of WordPress free Async js and css plugin. That WordPress plugin gives options for CSS, JS getting automatically loaded as inline or load asynchronously. You can try. Inline, Async all has own demerit.
It is technically difficult work than the plugins descriptions will say. Such plugins decrease the manual work but does not eliminate the need of hand coding, trial. It is part of page speed optimisation. You have to slowly learn yourself and plan according to budget.
Do at own risk at dev site with A+ score on SSL labs, add various security headers.
As you possibly a commercial website security is of more importance, followed by page loading speed.
As end tip, you should arrange to host on unmanaged server to optimise the backend. Your site is slower at present which is problem out of host.
Looking through my site stats I'm noticing a bunch of hits on my wordpress/xmlrpc.php file. It's not from me afaik, do I need to worry about something here, is there anyway to secure this?
I'm running multiple wordpress sites on the same apache2, and it's only one of them that this is happening to.
If you don't use the xmlrpc interface (pingbacks or blogging from external sources like android/iPhone), you can turn off this feature. Settings -> Writing -> XML-RPC
I installed "Windows Live Writer" on one of my very novice clients. It is good for posts.
It is very simple and does a good job.
It needs XML-RPC.
I've got also hits on this xmlrpc.php. But I'm not even on Wordpress! That's clearly hackers who try different addresses to gain access via this php page.
I recently stumbled upon Etherpad, it's a collaborative writing tool
http://code.google.com/p/etherpad/ - main project page
online Examples:
http://piratepad.net/
http://ietherpad.com/
http://typewith.me/
I want to add this engine somehow to my wordpress and let people collaborate their posts,
I'm wondering if it has been done before and/or does it take more than
shared hosting (that is what I have) to do it [server capabilities or what-not] ?
In general, I think this is a complicated way to go about it. Also, Etherpad allows some very basic font formatting but no images and such things you might want to include in a blog. Instead I suggest looking for some Wordpress plugin for collaborative writing, and you might find something less "real-timey" but perhaps good enough.
Or if you really want to try with Etherpad:
Etherpad needs lots of memory (RAM) to run. A typical configuration is 1 GB, but it might be possible to get by on 128MB dedicated to Etherpad. This means you'll need at least 256MB in total for a first attempt. Your shared host also needs to have a Java server installed (typically Jetty) and some proxying server (typically nginx). All in all, you have some work ahead of you in just getting Etherpad up and running. After that, integrating into the Wordpress blog editor. If/how this can be done, I don't know. I'd probably do a client-side javascript-hack to get the Wordpress textarea or richtext editarea to update from the Etherpad readonly view, which is the only place where you can get the contents of a pad as more-or-less raw source text.
A simpler solution would be to just add an Etherpad page through an iFrame. See this post for example - http://www.knowledgepolicy.com/2010/02/embed-etherpad-into-blogpost-or-on-any.html
In theory it's possible to replace Wordpress' editor with an Etherpad Lite iFrame. Etherpad now allows image/font editing and table support as plugins.
Java is no longer required for Etherpad, NodeJS however is.
Here is a plugin that is in development that does what you want - however development seemed to stop in early 2012.
http://participad.org/ seems to be the best solution in this space to date. I haven't tested it on my own site, but they have an at least partially-working demo online.
Yes! It is possible. WordPress now has a plugin. The plugin has three modules which enables an Editor in dashboard and let you edit via front-end.
You can find more details on their FAQ page.