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.
Related
I used html video tag to display videos, I gave a set of videos from backend for user watching purpose, they are properly working & loading thumbnails on web, mpbile , android app too but not loading thumbnails on ios app & on safari browser. Since those videos are not auto played, I need thumbnails but without using poster. Please help me
You say, "Since those videos are not auto played, I need thumbnails but without using poster." Why is it that you can't use poster? This attribute exists for exactly the use case you've described. Sure, you can rely on the browser to make the "poster" for you, but a) that make take longer than you like, and b) not all browsers do it, or do it for all formats; c) making your own poster images (thumbnails) gives you complete control of what that image is. Why is this solution, provided by the HTML5 spec, not meeting your needs?
I would like to know how can I add an image in html when you load a vimeo video ?
Any informartion, links related or codes are welcome.
Thank you!!!
I guess you are talking about how to add a poster-like utility for Viemo videos, as done trough the poster HTML attribute when placing HTML5 videos.
Well, there's no such an option, as far as I know. When Vimeo is not active (as it has not been played yet) the video's thumbnail image is displayed, and when Vimeo's video is loading, it shows it's own loading animation.
Anyway, you can select your custom image when uploading your video on Vimeo, so, at least, by this way you can define what will be showing by default your custom player.
I have a webapp written in HTML5.
The Home page contains a <video> tag.
The video is correctly played when I load the page for the first time, and if I use controls (pause, play, fullscreen) too.
In order to maintain the webapp always in the fullscreen view, I used only one html page, and when a button (or an anchor) is clicked, I hide the container div (representing the content of the logical "home page"), and show the selected one, when the "home" button is played I show again the original container div.
Originally, the video continued playing when I clicked a button to pass to another virtual page, so I pause it by jquery.
The problem is: only on iPad, when I come back to the first container (that means the home page), the video is no more available, I can't see the poster and the video itself, and the div is black screen.
Some notes I hope could restrict the problem:
The video is statically loaded in a <video> tag and source
attribute.
I've tried to start with an empty src and load it by
jQuery (as explained in many tutorials and in stackoverflow too), it's the same.
The same if I try to create a playlist in
which I select different videos and load the selected one in the
<video> tag using Javascript.
I also tried to reload the page with jQuery, but doesn't work.
The constant beahviours are the following:
Every technique I tried to implement is working well on PC with
Firefox and on the Mac with Safari.
The problem on the iPad appears only when I try to come back to the initial page.
I'm not convinced the problem depends on the technique of show/hide I used, but on the iPad behaviour. I've read some other ways to maintain the webapp in fullscreen view, but apply only to <a> tags (such as this:), I need div stylized as buttons (and managed in jQuery) too.
Thanks if someone can help
I think if you use flowplayer is better it is good implementaton that it work on IPhone and Andriod, it is free.
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.
I am having a stange behaviour with Vimeo, and I don't get what's going on...
I uploaded a couple videos, using a "plus" account". Everything worked out fine. BUT... Then I wanted to embed the videos in another website. Using the official "Iframe" method. And all I get on page load, is a black screen, instead of the video thumbnail... When I start playing the video, it works, but on load, all I get is that black screen.... It is like that visibly on browsers using the flash version (FF & IE) but I do get the good thumb on non-flash players (like chrome).
Am I doing something wrong ? What's even more strange, is that if I take any other video, not mine, and embed, it works perfectly, I get the thumb.
My video, Embedded : http://www.unpeuplusnet.fr/embed.html
Thanks for any possible help, my website should go live tomorrow !!
Bruno
Edit : I just tried using the old Flash embed version, it does not work any better...
http://www.unpeuplusnet.fr/embed2.html
Sorry, it was a bug on our end. Should be working fine now. I'd recommend keeping the iframe embed.