Youtube Channel Embed with a sidebar? - wordpress

My client would like a youtube channel embed that has a playlist style sidebar (though she wants it to be the channel... not a playlist). Example:
Is there a simple way to accomplish this?
(yes, it must be Youtube)

Youtube Feeder plugin does exactly what you want.

We ended up using the Youtube Custom Player for this. But I'm sure there's a better solution out there.

Related

Youtube embed in wordpress

I am trying to embed an interval of a youtube video on my wordpress.
I have managed to set the start and final point that i want.
The problem is when the video ends, I want to make an option to restart the video but from the starting point I´ve set, not from the begining of the video.
Any idea how to achieve it?
I think the youtube embed start parameter is what you're looking for. Check out the youtube developers page. Hope that helps!
Or use iframe api and catch ending of video and programmicaly start play video again.

how to show google that a video on my site is a duplicate

(newbie=me) On my wordpress website I have video1 and I want to put it in two places on the website because it makes sense from a users perspective.
Video1 is embeded using html5; its and seo embed from Wistia. I want to put copy_video1 on a different page with text that is also different and useful. The thumbnail/frame-of-video used for copy_video1 is different than video1 making it more relevant to its page.
I thought I would use an iframe for copy_video1 since I had read google doesn't index iframes?. I thought to go the extra mile and use best practices that I should use canonical in the iframe to point to video1. Is this correct? What does the syntax look like for an iframe and video with canonical in it?
Is this the same method I would use for the video if an external site wanted to embed my video?
I guess this is also and seo question, but mostly to code it correctly for indexing.
THis is for a small non-profit site...
Thanks for you help!
I cannot think of many instances where you would have to duplicate a video on the same website, so my recommendation is to just have one and use HTML5's poster attribute. You would just set it to a different image on the other page. This should work, should replace your first line of the :
<video controls poster="/images/othervideo1.jpg">

How create a frame for our video?

I have a video which I want users to see in my webpage. I have uploaded that video on youtube also.
My current coding is
<iframe src="https://www.youtube.com/embed/ilbR0MiH6Ho"></iframe>
But this shows the video in the style(with same loaders, buttons, interface, etc..) it is being shown at youtube...
But I want it to be shown in other style like it is shown in some other sites like http://www.apple.com/your-verse/#video-your-verse It has a different style of viewing videos!!
That way, I also want to create my own frame to view my video(with a play button of my designing, my loading bar, my interface, etc..)
Can anyone out there help me with that?? Thanks in advance...
if you need your own 'player' or 'skin', you will have to use the available players like "JWPlayer" or "flowplayer" or create your own. Then you will have to host your videos elsewhere, where a streaming link has to be obtained.
Its not easy unless you have the technical skills required to create your own video player. But you can use the existing opensource players like I mentioned before.

Formatting a Facebook Feed in a Twitter Bootstrap site

Has anyone been able to format a Facebook feed in a Twitter Bootstrap site? I have a site that uses the Facebook feed that currently does not use Bootstrap. Curious to know what issues and advice anyone has about it. The feed is but so flexible; I've had issues with fitting it in the current site.
Thanks in advance.
Got some bad news for you. Most Facebook embeddable items are <iframe>'s. That means Facebook is in complete control of the look, feel and behavior of the content. Because of the same origin policy you can't even use Javascript to attempt to force styles upon the <iframe>.
Facebook does give you some basic options like width, height and color scheme when you embed it. If you're looking for 100% control and customization you probably want to look into the Graph API instead.

Picture or photo viewer on my Web site

Lets say I let the customer upload up to 5 pictures. I'm looking for a good way to let visitors see the images one by one.
I've seen some.. where there are thumbnails on the side/bottom (that looks like a vertical/horizontal film strip) and the default picture is the large one displayed. And viewers can click into others to show those pictures.
This could possibly be an AJAX solution. I just couldn't come up with the right keywords to Google this custom Web component. Perhaps it is "photo gallery". But I would be more interested to know what solutions developers here use for their site.
Perhaps lightbox is the keyword you're looking for: http://www.google.com/search?q=lightbox
Is something like this Galleria what you're after?
It's all implemented in Javascript so is simple to integrate.
There are several options but on first thought, I would reach for the fancybox jQuery plugin. The third example on their home page does exactly what you described. I've used this plugin a few times now and it's quite good.

Resources