Embeding/Loading Youtube video into Lightbox 2 - html

Are you familiar with lokesh dhakar Lightbox 2?
I am trying to display a gallery of videos using this version of lightbox. But for some reason when i put the youtube video embed code it doesnt display in the light box. Just shows an empty light box.
Image #1
is the code that I am using. But it doesnt seem to work for me.
Is this a javascript problem or CSS?
NOTE : I am coding from scratch not using drupal or wordpress etc...

I think Lightbox 2 is only for images popup not embeded videos. You can try custom JS for getting your designed effect.

Related

Without branding Youtube video embed?

We want to embed a youtube video in our website, but not sure how to embed it without branding. We found an example https://hamiltonandinches.com/pages/fope at the bottom near this heading "H&I Life" above that heading it is a video which is added without branding.
When we are trying to any youtube video it always shows branding, even we tried the same above ref link video and that shows the branding too.
Any ideas how they are doing it? That site looks in shopify.
Please check and help.
Checkout modestbranding in the YouTube Embed Parameters https://developers.google.com/youtube/player_parameters
im not at all sure if this works, but it could.
download the video via mobile device, and then add the downloaded video

How to embed a Youtube video in My website using a popup window? No Flash, No JS

I need help writing code for my site that will enable me to create a video popup of a youtube video on my website. I would like to use html5 not flash or JS. That being said I can't seem to find any code samples to digest. I will keep looking but if you have any ideas to
create a html 5 popup for a youtube video
not using JS or Flash.
You could use a :target event with CSS to show a popup container.
Working Example:
http://jsbin.com/csspopupyoutube/2

Tumblr {Video-700} and {VideoEmbed-700} variables

I am experiencing a weird issue with {VideoEmbed-_} tags. The tumblr theme documentation (I would link it, but I don't have enough rep to post more than 2 links) defines {VideoEmbed-700} as
Same as {Video-700}, but removes the lightbox effect from directly uploaded video. 700-pixels wide.
However, when I use {VideoEmbed-700}, all videos that uploaded to 3rd party video sites (instead of directly uploaded to Tumblr) do not display at all.
Here is an example using a Dailymotion video, and here is an example using a video uploaded to Tumblr. As you can see, the tumblr-uploaded video works fine, and the dailymotion video is not generated.
I tried using a few sizes ({VideoEmbed-700}, {VideoEmbed-500}, etc) and they all produce the same results.
I'd prefer to not have the lightbox, and also I made the videos fluid width and the lightbox breaks that when you open and close it. So, I'm pretty determined on making {VideoEmbed-_} work.
Has anyone else experienced this? Any comments or suggestions are welcome. Thanks!
The only solution that I've found so far is to include both of them on the page:
{VideoEmbed-400}
{Video-400}
...and then hide the lightboxed version with
.type-video .has_lightbox, .type-video .tumblr_video_container {
/* Remove Tumblr video that has a lightbox enabled */
display: none!important;
visibility: hidden!important;
}
Note that in this case the Video post type has a class of .type-video on it.

HTML5 Videos in JS Cycle Plugin

I am working on a website using the Cycle plugin (with fullscreen backgrounds). I can embed images and YouTube/Vimeo, but I would really like to use the HTML5 <video> tags.
Currently, when I put in a video using the HTML5 tag it comes up empty.
I am using this plugin:
http://blog.aaronvanderzwan.com/2012/07/maximage-2-0/#demo
Eventually, I would like something like this:
http://www.p2media.de/
but alternating between fullscreen video as well as images (and with horizontal scroll only).
Thank you so much!

Adding HTML content to a flash website

I have a flash website in which I was trying to make some modifications. I am attempting to add the facebook social plugin * a layer over my flash page. I am not very experienced in coding and web design so any help would be greatly appreciated.
Currently, the facebook plugin is displayed briefly before the flash starts loading then it disappears after the page is loaded. What do I need to do for the plugin to display on the webpage in order to look like it is part of the flash site?
I had some help from one of the forum moderators but he suggested that I should try and get some new eyes to take a look at the page. Can anyone help me out? Please?
The page is http://www.djjigs.com
The green background of the facebook plugin and position is just temp for testing purposes until I can get this page to display properly.
Thanks in advance!
You can not add facebook social plugins to a flash movie. But you can do your own plugin with facebook graph api.
and maybe you can add a div over flash object on your page.