If you have TinyMCE installed on your Drupal site, you have all you need to upload and play audio and video files.
The Media module is a good option for sites with more advanced audio and video needs, but if your needs are straightforward, then TinyMCE will work for you.
In this tutorial, we’re going to show you how to upload and display an .mp3 audio file and a .swf video file inside Drupal content.
Step 1: Make sure you have TinyMCE and IMCE installed
- TinyMCE: Click here for instructions on how to install TinyMCE.
- IMCE: Click here for instructions on how to install IMCE.
- Prepare or find an .mp3 file and an .swf file to practice with.
Step 2: Activate the TinyMCE buttons and plugins
- Go to Configuration > Content authoring > Wysiwyg profile manager.
- Click Edit on the profiles that you use.
- Check Advanced Image.
- Check IMCE.
- Check Media.
- Scroll to the bottom and click Save.
Step 3: Usign the TinyMCE media option
- Go to Content > Add New and create a page, article or other content type that will use the editor.
- Click the filmstrip icon.
- Choose HTML5 Audio from the dropdown box.
- Click the Browse Icon.
- If you’ve installed IMCE you will be able to see this icon. If you don’t see it, you need to install IMCE.
- Choose a directory to upload to.
- Click Upload.
- Choose the file to upload from your computer.
- Highlight the file.
- Click Insert File.
- Go to the Advanced tab.
- Configure the player.
- Be sure to at least choose Controls by checking the box.
- Save your work.
- View the result on your website.
- You’ll see the audio player on your site.
- Repeat the process for the video.
- This time choose Flash.
- Search for a swf file.
- Adjust the advanced tab.
- Insert the file.