When getting started building your forums, you'll probably want to add some videos to your articles. You can add videos that you host yourself or videos that are hosted on a social media sharing site such as YouTube.
You have multiple options when it comes to embedding videos into your articles. To view these options, create a new or select an existing article in your forums. When you select to add an article, you'll need to give it a title and then add text. To then add a video, you can either directly embed a video using the insert/edit embedded media option or add code that references the video by clicking into the HTML view of the article.
Let's look at how you can embed a video using the insert/edit embedded media option first. Click it open and you'll see that there are three tabs: General, Advanced, and Source. Under the General settings, you have the following 7 video types to choose from: HTML5 Video, Flash, QuickTime, Shockwave, Windows Media, Real Media, and iframe. You'll need to decide which to select, based on the format of the video you want to embed in the article. HTML, Flash and iframe are probably the most common formats used today.
The newest version of HTML, HTML5, adds many new features such as allowing sites to directly embed media with the simple HTML tags "<video>" and "<audio>" with no plugins required. It's also a good alternative to those platforms that don't support Flash. An Iframe is an HTML document embedded inside another HTML document on a website. The Iframe HTML element is often used to insert content from another source, such as a video, into a web page.
You can also embed a video directly into the HTML source of the article. The HTML icon is in topic editing toolbar. Click the icon and you'll see the code editor. Paste in the code that references the video and then click Update and then save the article. If you do not immediately see your video, refresh your web browser.
As an example, let's embed one of our recent YouTube videos into this tip. Go to the video on YouTube. Below the video you'll see the Share button. Click it and then the Embed button and you'll see this:
Set the size if you like and then select and copy the HTML code. This is an example of video embedded using Iframe. Paste the code into the topic using the HTML editor.
Save the article and the video will be embedded just like this:
That's it. As always, if you need any support please reach out to us at firstname.lastname@example.org. We are happy to help you make your forums as educational or entertaining as you would like!