Does this theme support embedded Youtube Videos?

Permalink Browser Info Environment
Using the basic html block with the Youtube iframe.

Type: Discussion
Status: In Progress
ideasponge
View Replies:
jordif replied on at Permalink Reply
jordif
Hi ideasponge!

This theme should work with most types of content and add-ons, including videos (although -as with any theme- there is always the possibility of finding an add-on that conflicts with the theme).

If you want to embed a video, there should be no problem.

Someone asked me the same question a week ago and I created a quick demo with different block types (a video, a gallery and a form). Here's the link so you can see for yourself:

http://longstoryshortparallax.15robots.com/video...

(the demo has not been thoroughly tested, but it should work in most browsers)

The first video uses a basic html block with a youtube iframe and the second video uses the core "Youtube video" block.

As for the first one, full page videos can be a little bit tricky, so I can add a how-to to the documentation if you're interested.

Please let me know if you have any further questions!

Jordi
madeforspace replied on at Permalink Reply
madeforspace
Hi Jordi

I would like to add a full page video to my site.
Could you tell me how?
That video demo of yours is great :)

Alex
jordif replied on at Permalink Reply
jordif
Hi Alex,

some time ago a user (sme1972) posted a small tutorial on how to add full page videos using the "YouTube Background (OMG!)" add-on, maybe this will help:


http://www.concrete5.org/marketplace/themes/long-story-short-parall...


I'll also post the steps I followed to create the demo if you're interested.


Regards,

Jordi
madeforspace replied on at Permalink Reply
madeforspace
Hi Jordi

Thanks for the tute, I may use that on another project.
Please can I have the steps for the demo full width.
Regards
Alex
madeforspace replied on at Permalink Reply
madeforspace
Hi Jordi

Thanks for the tute, I may use that on another project.
Please can I have the steps for the demo full width.
Regards
Alex
jordif replied on at Permalink Reply
jordif
So here are a couple of approaches:

-> Using the Quickie Player add-on:

Probably this is the easiest & safest method. You simply install the add-on, then add a quickie player block to the page.

The video will be full-width and responsive.

If you want the slide to be the same height as the video, click on the Quickie Player block, choose Design, go to the CSS tab and try pasting the following code into the Additional CSS box:

height: 0 !important;
min-height: 0 !important;
padding-bottom: 56.25% !important;



-> Embedding the video manually:

This is a little bit more experimental and you should check the page using different browsers to see if it works fine.

Basically you could add a Content block, then click on the HTML button to edit the source code and paste the embed code directly:

<div style="width: 100%; height: 100%;">
<iframe src="//www.youtube.com/embed/BguyBo-PamE?wmode=transparent" frameborder="0" width="100%" height="100%"></iframe>
</div>


(Simply replace the src of the iframe with yours)

Next, click on the Content block, choose Design, go to the CSS tab and paste the following code into the Additional CSS box:

height:100%


Regards,

Jordi

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You have not specified a license for this support ticket. You must have a valid license assigned to a support ticket to request a refund.