beginner help for drupal theme

We encourage users to post events happening in the community to the community events group on https://www.drupal.org.
ANBaker's picture
Posted by ANBaker on December 1, 2011 at 4:06pm

Hi Everyone :)

Please can any one help, I am new to Drupal and web design, I have limited HTML coding knowledge and am stuck for a solution.

I purchased a drupal template from template monster, live demo of the theme here: http://www.templatemonster.com/demo/28399.html

I've installed the template 'theme' and have no problems with the site, however on the main page 'under todays videos' their is currently four embedded flash videos, I have tried to insert the embed code from YouTube but dont get the you tube video to load up properly,

the code for the block is listed below, can any please help and advise me where I should insert the You Embed code, whether I should use you tube old embed or the iframe code.

Basically, im looking to have the video displayed as it currently is on the site but not in flash, but you tube videos instead.

Any help is greatly appreciate, Please accept my apologies if I've dropped a boo-boo and posted on the wrong site :)

Adam

Drupal Block Code (theme from monster template) attached using notepad ++

You Tube Video Code attached using You Tube new format

also, You Tube Code attached using Old You Tube format

AttachmentSize
todays videos html original.txt2.37 KB
You Tube Embed Code - New.txt127 bytes
You Tube Embed Code - Old Code.txt457 bytes
Categories:

Comments

not sure but

Posted by Pun on December 1, 2011 at 8:55pm
Pun's picture

I'm pretty new to drupal as well

which part are you replacing with the youtube code? (I'm assuming where it starts /flash/video...)

What I would do is try to save the video from youtube in an flv format, then save it to the flash folder as one of the names of the sample files. You can use http://www.keepvid.com

Anyway, that would let me know if it's something wrong with site, or the video code I'm pasting in.

Good Luck

attached code in txt file

Posted by ANBaker on December 2, 2011 at 12:22pm
ANBaker's picture

Hi Thanks for your reply :)

Thats the issue i have, I dont know where to place the embed code, i have tried and it doesnt work properly,

I have attached code from drupal block onto my original post above, and also a youtube embed code in old and new format. However for the moment, use any YouTube video embed code, once i know where it needs to go, i wont have any problems changing to my own videos.

i know i can convert to flv and put that onto drupal as is, but I want to eventually upload content onto you tube, which i havent as yet, and have it linked into my drupal site.

monster templates working demo: http://www.templatemonster.com/demo/28399.html

as mentioned in earlier post, its related to videos on main page titled 'todays videos' on top of home page.

your help is sincerely appreciated :)

S & F

Adam

I didn't click your template

Posted by greta_drupal on December 2, 2011 at 3:42pm
greta_drupal's picture

I didn't click your template link, as your post (via email) triggered my virus software. So, don't know if this helps:

But, you can paste YouTube code into any node, if you use a proper Input Format. Any input format that will all the HTML tags (, , etc.) will work. Generally, the default Full HTML has no tag restrictions, so should work fine. I generally create a custom input format to include the video codes, since I seldom give any user carte blanc over HTML tags.

Looks like your theme's original video code uses PHP; therefore, probably the PHP input filter.

Sorry that I don't have time to investigate it all further, just thought that I'd suggest that you try creating a regular node (e.g., Page) and drop in YouTube video code -- use Full HTML input filter -- and see if that works, to help you rule stuff out.

The videos on this site are created an regular nodes, as I have described: http://WilliamJHolstein.com

changed link - direct to template

Posted by ANBaker on December 2, 2011 at 7:04pm
ANBaker's picture

Hi, Thanks for the feedback

ive changed link in original post that should go direct to template monster

i know about creating a page, and it works with an embedded you tube vid, but wanted it, as is, currently on the theme,

thank you all the same :)

Adam

Module for video popup?

Posted by geneescober on December 2, 2011 at 5:50pm
geneescober's picture

Hi Adam,

Did theme require you to install a specific module for displaying the video?
Does the the developer or template monster provide support?

The embed code you have is probably displaying the video directly on the page rather then in the "popup".

Making this kind of change appears to require a different module or some custom development. I would try to contact the designer to see if they already have this option available.

Gene

Im not sure re: module

Posted by ANBaker on December 2, 2011 at 7:01pm
ANBaker's picture

Hi Gene

Thanks for the mail, Im not sure, Ive check modules and cant see any specific module for video,

I am new to drupal, and html, I have contacted developer, they have offered at a price, but was hoping it could be a easy fix solution, that is simply the location of where the code needs to be embedded, removing the code that is not needed.

Adam

I see, well unfortunately I

Posted by geneescober on December 2, 2011 at 9:51pm
geneescober's picture

I see, well unfortunately I don't think its as easy as replacing the flash links with the embed code. Depending on your Drupal version, you may need to implement some modules and configure a view block to display them.

http://drupal.org/project/media
http://drupal.org/project/media_youtube
http://drupal.org/project/emfield (plus lightbox2 or shadowbox)

If I have time this weekend, I may experiment a little and provide you some instructions. Are you using Drupal 6 or 7?

I see ...

Posted by ANBaker on December 3, 2011 at 2:25am
ANBaker's picture

Hi, that would be really cool :)
I'm using drupal 6.22
thank u :)

prettyPhoto supports YouTube

Posted by geneescober on December 4, 2011 at 2:58am
geneescober's picture

Hi Adam, I didn't noticed it at first, but it looks like the theme uses a lightbox clone called prettyPhoto which supports YouTube.

http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/#!prettyPhoto

You should be able to change the href from the .flv link to the YouTube url without the iFrame tags.

For example, line 8...

<li class="preview1"><a href="<?php print base_path().path_to_theme() ?>/flash/video_AS3.swf?width=550&amp;height=400&amp;fileVideo=intro01.flv" rel="prettyPhoto" title="Video-1"></a></li>

becomes

<li class="preview1"><a href="http://www.youtube.com/watch?v=PXRX47L_3yE" rel="prettyPhoto" title="Video-1">put an image here</a></li>

You may need to create a teaser image of the video or possibly get it from YouTube and put it where it says "put an image here".

Let me know if that doesn't work... I have a rough prototype using just the lightbox2 module.

Gene

Thank you :)))

Posted by ANBaker on December 4, 2011 at 3:32am
ANBaker's picture

Hi Gene,

Thanks for your kind help, it works excellent :))

much appreciated, i know i have loads to learn, and am glad ive chosen drupal :)

once again, thank you all, for your kind support ...

merry xmas! :)

Adam

Same Problem

Posted by ElectricFeel on December 12, 2011 at 12:55am
ElectricFeel's picture

Hi,

I just came across this posting and I am stuck with the same problem. I am trying to keep as much the same with my template as possible, and I really like how the image pops up, but rather than upload a FLV file, I would like to link to a Youtube clip.

This is the original code that I am working with:
<?php
print path_to_theme()
?>/video/video_AS3.swf?width=550&height=400&fileVideo=intro06.flv" rel="prettyPhoto" class="video-1">

I would love to get Youtube to play in this player when the screen blacks out, rather than have it jump to youtube as was described above. If there is any way to do this, could someone please let me know?

Thanks for your help!

youtube embedding

Posted by snlnz on December 12, 2011 at 12:58am
snlnz's picture

Of course, just create a block on your site and insert the embed code from youtube and set the input format to one that accepts the tag such as full html if you only have the defaults setup. Easy as that!

Hi ElectricFeel, if you're

Posted by geneescober on December 12, 2011 at 2:05pm
geneescober's picture

Hi ElectricFeel, if you're using the same theme as the original poster, it should be the same HTML I show in my previous response. If its a different theme, can you please post a link to that theme so we can see how the video popup is implemented?

Thanks, Gene

Thanks

Posted by ElectricFeel on December 12, 2011 at 3:33pm
ElectricFeel's picture

Hi,

Thanks for your reply. What I'm trying to accomplish is for people to have the same "screen blackout" effect while pulling up video, while being shown a YouTube video, rather than a FLV file. At the same time, I don't necessarily want to show the YouTube video image because the teaser image of Youtube takes up a lot of space, and I feel like it's a little boring.

Here is a link to the original theme: (click on the video tab)
http://www.templatemonster.com/demo/34636.html

Here is my attempt at a workaround:
http://electromerika.com/?q=node/6

And the code for my workaround:

  • Afrojack Lionheart (DSKOTEK Remix)

    Thanks again!

    You need Lightbox2 module

    Posted by spp on December 12, 2011 at 3:47pm
    spp's picture

    You need a module like Lightbox2: http://drupal.org/node/144469

    I guess the code for my

    Posted by ElectricFeel on December 12, 2011 at 3:35pm
    ElectricFeel's picture

    I guess the code for my workaround didn't really work too well... Not sure how I can show this in the forum, but you can probably get the source code from the webpage I included.

    The HTML source on this

    Posted by geneescober on December 13, 2011 at 9:06pm
    geneescober's picture

    The HTML source on this sample page should work the same as I described above to the original poster.

    http://livedemo00.template-help.com/drupal_34636/?q=node/6

    If your block code looks like...

            <li class="video"><h4>Lorem ipsum dolor sit</h4><a href="<?php
    print path_to_theme() ?>    video/video_AS3.swf?width=550&amp;height=400&amp;fileVideo=intro06.flv" rel="prettyPhoto" class="video-1"><span>&nbsp;</span></a>
                Lorem .....
            </li>

    you tube should be...

            <li class="video"><h4>Lorem ipsum dolor sit</h4><a href="http://www.youtube.com/watch?v=PXRX47L_3yE" rel="prettyPhoto" class="video-1"><span>&nbsp;</span></a>
                Lorem .....
            </li>