Change Video Teaser?

Hi Guys,

I am having some difficulty changing the content in the video teaser module. Can I use any youtube video? How do I swap it out?

Brad

hi,
you want youtube instead vimeo,
or
youtube without (>) and image like now it's - just youtube player?

If #1 use right url for example

<a href="#" class="gk-video-link gk-add-rotate-animation" data-url="https://www.youtube.com/embed/7tBajo_DV5Y" data-width="1280" data-height="720" data-sr="enter bottom and move 50px">Product landing page theme <i class="fa fa-play"></i> Play</a>

https://www.youtube.com/embed/YOUTUBE-CLIP-ID

for me it works

hi,
you want youtube instead vimeo,
or
youtube without (>) and image like now it's - just youtube player?

If #1 use right url for example

<a href="#" class="gk-video-link gk-add-rotate-animation" data-url="https://www.youtube.com/embed/7tBajo_DV5Y" data-width="1280" data-height="720" data-sr="enter bottom and move 50px">Product landing page theme <i class="fa fa-play"></i> Play</a>

https://www.youtube.com/embed/YOUTUBE-CLIP-ID

for me it works

I used the example above of the video with play icon. But the play icon does not work. How can i fix this? I can start the video but i do not see an icon

But my code didn't change anything more, just link to video only.

so it must be something else which deleted (>) icon

Code: Select all

<i class="fa fa-play"></i>

which is based on FontAwesome, it mean that Typography must be enabled in template settings.

it means that full html code inside module should be similar to following:

Code: Select all

<a class="gk-video-link gk-add-rotate-animation gk-rotate-animation" data-height="720" data-width="1280" data-url="https://www.youtube.com/embed/7tBajo_DV5Y" href="#" style="visibility: visible; ">
Product landing page theme
<i class="fa fa-play"></i>
Play
</a>

please check your code again, and I hope you will find mistake.

I tried the code again but i didn't work.

How can i enable the awesome font? I search it the quark template option but i did't find.

If you have time look to my other topic with some questions.. https://www.gavick.com/forums/quark/some-troubles-with-quark-43850

Typography On/Off

or show me URL

Typography On/Off

or show me URL

Where is the typography on off button?
i have searched on joomla in

extension >> template manger>> qk.quark >> font

where do i need to search at?

here, must be On = Enabled

Found the right but : i don't have that button

Is there any easy way to turn it on?

maybe before seaching like crazy,
check if fontawesome is loaded on front-end,

<link rel="stylesheet" href="templates/gk_quark/css/font-awesome.css" type="text/css" />

please use webmaster brain

if you're working on localhost I cannot help more, sorry.

Hmm i can't find that i have send you a PM

Hoi.
I have question: but where exactly is that Video player module?
On which subpage?
I couldn't find it on you website

BTW
your font-awesome.css file - is loaded - I checked

can i update tot joomla 3.4 without any problem?

In theory no problem, but since Monday I saw few issues.
Most of them were related with NSP GK5 only.
But for it there is solution.

Video Player Question

again you code it not exactly like my was
here is yours current

<p><a data-url="https://www.youtube.com/embed/7tBajo_DV5Y" data-width="1280" data-height="720" href="#" style="visibility: visible;" class="gk-video-link gk-add-rotate-animation gk-rotate-animation"> Product landing page theme Play </a></p>

before word "Play" there is missing : <i class="fa fa-play"> </i>

I suggest :
1) Disable TinyMCE editor or JCE editor and set no Editor at all.
2) Paste my code again with your URL of course
3) Save and do not touch

and drinking a tea - relax - watching like all works perfect this time.

Hi

@xWiz You have send the access to me by accident I believe. I'll pass it to Oskar.

Video Player Question

again you code it not exactly like my was
here is yours current

<p><a data-url="https://www.youtube.com/embed/7tBajo_DV5Y" data-width="1280" data-height="720" href="#" style="visibility: visible;" class="gk-video-link gk-add-rotate-animation gk-rotate-animation"> Product landing page theme Play </a></p>

before word "Play" there is missing : <i class="fa fa-play"> </i>

I suggest :
1) Disable TinyMCE editor or JCE editor and set no Editor at all.
2) Paste my code again with your URL of course
3) Save and do not touch

and drinking a tea - relax - watching like all works perfect this time.

Thanks it worked! It is now time for my nice tea hehe.

It is maybe a good idea to make a article on the quark template about this. ( i think the articles are pretty nices for noobs )

Thanks again for your time & effort!

We, moderators, cannot add guides to documentation section anymore...
since last year ;(

Hmm

Maybe a request for a new documentation? Because the awesome font is a "Big" part of quark.
They use mouse wheel in the header, play button at homepage, and at the contact page google maps icon.

p.s they al work now using no editor.

I fully agree...
Please send this request on GK F@cebook page,

hello!

i want to refresh part with switching for YT.

In my case when i using provided YT code, here it working fine, i'm able to see youtube movie, but when i will switch different yt link, after clicking PLAY i can see only black screen.
I'm sure that i have valid yt link, i'm not using TinnyMce etc.

could somebody to look into:

<a class="gk-video-link gk-add-rotate-animation gk-rotate-animation" data-height="720" data-width="1280" data-url="https://www.youtube.com/watch?v=TuWR8ibilT8" href="#" style="visibility: visible; ">
Product landing page theme
<i class="fa fa-play"></i>
Play
</a>

Hi

Code looks correctly. Please tell me the url to Your site.

hello,

strange but there is some issue for sure http://gieldapruszcz.com/

Hi

I think problem is with cross-origin. Your website is a standard http and youtube video You are trying to load is https. Try chaning link to ://www.youtube.com/watch?v=TuWR8ibilT8 so protocol should fit on its own.