![]() ![]() It cuts down on a lot of additional work especially considering that web pages today are more resource heavy than ever before. ![]() We should thank the WordPress team for making media inclusion so simple. If you don’t use a CDN for your images, you really should consider one. From the users point of view, it makes no difference whether the file is hosted locally on your server or elsewhere. Preview your post and you will see the familiar audio player that we got in the first section of this tutorial. Replace my example URL with the link to your media file as shown below:Īnd that’s it. In your WordPress visual editor, click the “Text” tab next to “Visual” and paste the above code into the place where you want the media player to appear. As you can see, we use the “src” attribute to link to the external source. If you view the HTML that we generated in our first example, you will see that WordPress internally uses the “audio” shortcode. ![]() Amongst other things, this also makes it easier for you to migrate your site from one domain to another since you won’t have to transfer any internal media resources or change the hyperlinks. MediaElement.js is an music player compatible with all major browsers: Internet Explorer, Firefox, Opera, Safari, Chrome and mobile devices: iPhone, iPad, Android. The content can be played directly from the source. If your audio file is hosted on a service like Dropbox with a publicly accessible URL, there’s no need for you to upload it onto your WordPress site. Linking to an External File with ShortcodesĪ lot of people are starting to use external file hosting services as Content Description Networks or CDNs especially for static files like media and JavaScript. Then simply click “Insert into post” at the bottom right as shown below:Īnd voilà! Your audio player is automatically ready for use. The upload starts automatically and once done, the right-hand pane is populated with details of the media. Click the latter and use it to either select the audio file in question or simply drag and drop it onto the dialog box. In the WordPress visual editor, click “Add Media” to bring up the media library and the upload section in a tab on the left. The process of insertion begins with the same steps that we used to embed an image file. So let’s assume that you have downloaded the audio file onto your desktop. Basic Audio Player Embeddingįor purposes of this example, I will be downloading some sample MP3 files to illustrate how we can upload and play them in our posts. Here’s how to go about it along with learning how to play the file from an external source. The WordPress team decided to integrate the MediaElement.js library into the core installation making it the best way to embed an audio player or a video file into a post. But with the introduction of WordPress 3.6, it’s become easier than ever to simply drop and play audio and video files along with a host of options. After all, if just a few of your posts have media, it doesn’t make sense to clutter your WordPress setup with add ons. ![]() I remember struggling a few years ago with Javascript libraries to efficiently and elegantly play media files without a plugin. WordPress has improved dramatically in its ability to handle audio and video files especially from popular sources like Youtube. This is because the majority of spam posts are coming from brand new users who have not read the posting rules listed above.Best Way to Embed an Audio Player into WordPress Posted on Updated on March 17, 2018 Your reddit account must be older than 1 month to submit LINK posts. If you or your company has an interest in promoting a product or service please message the mods beforehand to clear it with us. Unless it is yours or you have the license stating that redistributing is allowed. Click here!ĭistributing copyright material is against our community policy. If you think your post got caught in the spam filter. Please review the above links if you need help securing WordPress or cleaning malware. Having a blog with in the url does not mean it is WordPress related. Try /r/blogging or /r/BlogExchange instead. This is not the place to share your blog or talk about blogging in general. r/WordPress is for WordPress discussion not design Read the Been hacked? Don't Panic! section of the wiki. See the Theming WordPress section of the wiki. Try /r/WordpressPlugins and /r/WordPressthemes instead.ĭon't use bitly or similar when posting links or links within comments. We're already using it so there's no point. This also includes trying to "sell" us WordPress. Consider reddit advertising instead.Ĭonsider reddit advertising instead. This includes "how to" posts that recommend themes, plugins or services to do things. The place for news, articles and discussion regarding WordPress. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |