Using FANCYBOX 2, I'd like to have images and youtube embeds in the same gallery.
Having the url of the image as the href value works fine for images, but my issue is that I don't know what value to assign the video objects for them to open as iframe videos.
Found the solution…
add this class to the link element: fancybox.iframe
assign the element's href a value of: http://www.youtube.com/embed/YOUR_VIDEO_ID_HERE?autoplay=1
Related
I use the Embed-Button from Instagram and use the generated Embed-Code:
when I embed an Insta-Post on my website without image caption, it doesn't load the image.
But when I check the the inclusion for image caption it works fine: codepen.io/cheshirecat/pen/eYjrYZr
What I'am doing wrong?
Whenever using LinkPresentation / LPLinkView and a link has og:type in the metadata, the link preview image does not show. Is there any way to get around this?
With og:type:
Without og:type
User uploaded videos thumbnail image not rendering with video_Id. e.x for below url I am not able to get a thumbnail image
https://graph.facebook.com/841765655909231/picture
https://www.facebook.com/AyuTheOnlyQueen/videos/%E6%B5%9C%E5%B4%8E%E3%81%82%E3%82%86%E3%81%BF-step-by-step-full-song/841765655909231/
"...For below url I am not able to get a thumbnail image"
https://www.facebook.com/AyuTheOnlyQueen/videos/%E6%B5%9C%E5%B4%8E%E3%81%82%E3%82%86%E3%81%BF-step-by-step-full-song/841765655909231/
You can try these steps:
1) Use HttpWebRequest to load the page's code (HTML) into some String variable.
2) Use String functions (like indexOf) to find the following within received HTML text...
Find first occurrence of <video and note that start position. Example integer is startPos.
From that new start position, now find the first occurrence of <img class=. Update the startPos.
Now from start Pos of <img class=, find position of first occurence of src=". Update the startPos.
Add +5 to startPos to skip 5 letters of src=". Now grab everything up to next occurrence of ".
That is the video's image URL.
URL from web page and resulting image below :
https://scontent-lhr3-1.xx.fbcdn.net/v/t15.5256-10/11114598_841767259242404_606288892_n.jpg?_nc_cat=106&_nc_oc=AQmoGDOf_G7khNZvfjXVDADkAqsBMJ6R89r4FgD_5i1xJvdFSsBQfc7M-mrW1bA_s-M&_nc_ht=scontent-lhr3-1.xx&oh=35d15b4527748ed7956c2276ab158eb4&oe=5DB1C235
I am working on create an extension. My content got a upload part to upload image in the backend. I want to get that uploaded image to use as background image in css. Are there any ways to get the upload image url and which between inline css and css file which one i should use in this situation?
My element i want to set the background image:
I would prefer to use inline styles for the background image. You can get the URL of the image with the f:uri.image view helper:
<div style="background-image:url({f:uri.image(src: '{imageField}')});">
I tried To Parse the response of the of the youtube RSS feed and displayed it in tableview...
I works fine except i can't fetch URL for the thumbnil image of the video from rss... It comes in description tag and inside description tag there is a whole div (html)... is there any simpler way example tutorial.....to fetch the thumbnil image from youtube rss...
Thanks
i have the same prob ,but have figured out with YOUtube API ,
make your feed url in this pattern
http://gdata.youtube.com/feeds/base/users/[INSERT USERNAME]/uploads
after in the generated xml there is a media:thumnail tag where u can used to display youtube thumnails images.
without using this format u will get a descr tag with div style image thumbnail quite hard to parse as it is a html part,
better try this,i have solved this using type of feed pattern