Joomla Templates Club 406,261 posts

[bowman999 Friend bowman999Join date: April 2007Posts: 119Downloads:13Uploads:7 Thanks: 25 Thanked: 14 times in 1 posts]

#185230

Finally worked out how to add YouTube and other videos to The Wall Intro Text (so they display and can be played on the home / front page like Pinterest). Thought I’d share with anyone who is interested. These videos will be re-sizable, just like any image you may add to the front page in a mobile or tablet situation:

Steps:

1. In the JA Wall template files, edit this file located here:

templatesja_walltemplate_tools.php

Find the following code inside this file:

static $allowtag = '<a><b><strong><br>';

Add an <iframe> tag into the allowable tags. Like so:

static $allowtag = '<iframe><a><b><strong><br><span>';

2. Download this cool Fitvid plugin from JoomlaBamboo. This makes your Intro videos re-sizable in specific containers.
http://www.joomlabamboo.com/blog/joomla-extensions/fitvids-responsive-video-for-joomla

3. Install and enable the plugin, and in the plugin’s settings, add this into the Fitvid Selector field:

.item-main

4. Save the plugin.

5. Insert your embedded video code as you would normally do, BEFORE the “Read more”. For example:

<iframe src="http://www.youtube.com/embed/n_dZNLr2cME?rel=0&hd=1" frameborder="0" width="560" height="349"></iframe>
<hr id="system-readmore" />
<p>est Test Test Test</p>

Use Ja Wall’s extended classes to select the video starting size (e.g, grid-double and grid-triple) or just leave it to display the default block width.
Now every time you enter embed video codes before the read more they will act responsively.

You may have to add <iframe> as an allowable tag in your JCE or Tiny Mice default Joomla editor settings (or both).

Couple of images attached in desktop and mobile states.

Cheers,

John

---

Attachments:

1. 
2. 

4 users say Thank You to bowman999 for this useful post

1. Phill
2. obliat
3. JA Developer
4. Honzazi

[L John Friend L JohnJoin date: September 2014Posts: 96Downloads:3Uploads:6 Thanks: 30 Thanked: 5 times in 1 posts]

#501694

“.item-main”

Where does this go in Joomla 3.x ?
There is no Plugins settings to change.

[studio204 Friend studio204Join date: April 2010Posts: 13Downloads:20Uploads:5 Thanks: 3]

#503239

“3. Install and enable the plugin, and in the plugin’s settings, add this into the Fitvid Selector field:”

The problem is that there is absolutely NO configurable settings on the plugin page. Where to insert this code?

[praguepost Friend praguepostJoin date: October 2013Posts: 35Downloads:0Uploads:8 Thanks: 9 Thanked: 2 times in 1 posts]

#508937

Anyone figure out a workaround for “”.item-main”” in joomla 3?

[giusti2 Friend giusti2Join date: August 2012Posts: 117Downloads:8Uploads:8 Thanks: 4 Thanked: 1 times in 1 posts]

#694628

I import from youtube, but does not work for me.

Does someone know what this means? … You may have to add <iframe> as an allowable tag in your JCE or Tiny Mice default Joomla editor settings (or both).

[giusti2 Friend giusti2Join date: August 2012Posts: 117Downloads:8Uploads:8 Thanks: 4 Thanked: 1 times in 1 posts]

#750349

I import from youtube, but does not work for me.

Does someone know what this means? … You may have to add <iframe> as an allowable tag in your JCE or Tiny Mice default Joomla editor settings (or both).

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#694641

By default, Joomla editor often strips some HTML tags like <iframe> here so you can check settings of these editors if they have options to allow your desired tags.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#750362

By default, Joomla editor often strips some HTML tags like <iframe> here so you can check settings of these editors if they have options to allow your desired tags.

[Author]

Posts