Embed Video Using Freeform Block And Fancybox Plugin

 

Using the Freeform or Raw HTML blocks, you can embed videos from video-sharing sites.

1. Find the video on YouTube.
2. Below the video player, click on the Share button. 
3. Click on Copy. 
4. Open your Titan CMS Workstation.
5. Navigate to the desired page and add a Freeform Block.
6. Click the Source button. 
7. Copy and paste the following code into the Freeform Block:

<p><a class="fancybox fancybox.iframe" href="https://www.youtube.com/watch?v=7gSUdwoB4BU" linktype="2" target="_self"><img alt="Leadership Development Series" src="/Files/Images/VideoScreenshot.jpg" title="Leadership Services" /></a>

</p>

<div class="TextContainer">

  <h2><span class="TextUppercase">Get In Touch</span>

  </h2>

  <p>Find out if our leadership services are right for you

  </p>

  <p style="text-align:center"><span class="Button"><a href="/About-Us/Contact-Us.htm" linktype="2" target="_self">Get Started Today</a></span>

  </p>

</div>

8. Update the red highlighted code below (#1) with:
   1. Video URL
   2. Video Screencapture/image Alt Text
   3. Image URL (should already be uploaded into your File Pile)
   4. Image/Video Title 
9. Customize the right side of the text either in the code above (#2), or click back to the WYSIWYG in the Freeform Editor.
10. Publish the page.