I am trying to use lightbox to display my video and instead of the video showing I am just getting a loading icon that never stops. I can put an image in place of the video and it works fine. Here is my code:
<img src="images/video_icon.png" height="240px" width="240px" id="middle_circle" class="circle">
As I said, using an image in the href instead of a video works fine so the CSS and JS is linked properly. Also, the video itself loads fine without the lightbox so it's not the video's fault either.
I wasn't able to find any examples for video so I am not sure if there is something different I need to do and was unable to find the solution elsewhere, including on here.
Currently Lightbox2 doesn't support videos by default at all, and it seems the maintainer doesn't plan on adding video support either. You can always edit Lightbox2 to allow video support provided you have the Javascript/JQuery experience.
If you're using Drupal CMS, they have a custom version of Lightbox2 that supports video content. https://www.drupal.org/node/252276
Your best bet is probably finding another Lightbox that can support your needs.
As answered above it don't supported playing Video.
But you can use some like - http://dimsemenov.com/plugins/magnific-popup/ - very nice & customizable ligtbox.
Related
i have a website where i had a pdf preview as a react component, the pdf should be in real dimension, all works smooth until I start working on making the website responsive, I didn't know wt to do exactly with the pdf preview, I have an idea to scale the whole component up and down like we do with an SVG but idk if that's possible to do
I think you better use a library to preview the PDF.Since you want to make it responsive without affecting the preview.You may make use of libraries like react-pdf. This library may generate PDF files from a URL, a local file within the project, or a base64 encoded version.
And i found this article useful.
Hope this may help you!
And as you have mentioned you have some troubles installing react-pdf it's not very compatible with webpack5that is mostly due to Buffer dependency.
Refer to thsi :react-pdf issues
Without knowing the exact error, it's so difficult to help, so be more specific when you are asking questions.
I'm testing and looking forward into some solutions like react-pdf and others. But what I really need is to use css properties like transform, translate and more like scale and rotate for example.
Do You heard about som kinda solutions, maybe someone just used something like?
I'll be grateful for any advice.
For all future searcher:
I tried react-pdf and html-pdf, but they were not solutions that would suit me completely.
There was always a lack of either transition, transform or svg support. In addition, they required writing an additional pdf template from which to generate.
So, ultimately, I used a node library called Puppeteer, based on chromium, thanks to which you can generate a pdf just like in the preview on the chrome browser, and regardless of which browser we use.
Puppeter is in fact a Headless Chrome ('running Chrome without chrome') solution, which enters the address we want and performs actions without the participation of the user, in this case writing to a pdf file.
Link: [https://pptr.dev/]
Link: Headless Chrome
I'm putting together a simple winforms app for playing videos from the web for my kids. I've explored two options so far but I'm having problems with both of them:
cefsharp: Playing videos wasn't a problem, but it would not persist cookies (even with the CachePath set), so I would have to log into the web sites each time. This would not be very user-friendly.
GeckoFX: No matter what site I go to (youtube for example), flash videos will not play. I get a bank section on the page where the video goes. Based on other questions, I tried adding the line "Gecko.GeckoPreferences.Default["extensions.blocklist.enabled"] = false;" right after the initialize statement, but that did not work. I'm running xulrunner-33.0.2 and GeckoFx-Windows-33.0-0.2.
Any ideas on how to get either solution working would be appreciated.
UPDATE:
I found this site https://bitbucket.org/geckofx/geckofx-29.0/issue/14/plugin-flash-not-working-since-xulrunner which stated to turn off the "Visual Studio hosting process" for the project and now YouTube video play with GeckoFX, but no videos play off xfinitytv's site (http://xfinitytv.comcast.net/watch-live-tv/).
A bug has recently been fixed in CefSharp to make this possible. See this issue: https://github.com/cefsharp/CefSharp/issues/843
What should work is:
setting CachePath
set the persist_session_cookies command line argument
after OnContextInitialized, call Cef.SetCookiePath
You'll need to use the latest version 39.0.1 to get access to the OnContextInitialized delegate.
i want to resize intro images as for thumbnail size while uploading in joomla 3
can anyone suggest me any idea or suitable plugin.? I have used smartresizer but it not works.
May be this answer is late but surely someone else might benefit from it, i have used this plugin and it works out of the box, it has parameters to set the sizes for introimage or full image
In my joomla websites I always use a dropzone module that upload and resize images on the fly... useful to create intro and full article images in one shot (and works with multiple photos).
Here the link http://mapkcode.com/mk-extensions/mk-dropzone
I've recently been told by a colleague that Firefox 3.6 supports native drag and drop file uploads + image resizing from the operating system without any extensions or plugins required.
Can anyone post a code snippet or provide a link which demonstrates this new functionality (as I couldn't find much on a Google search)?
It's reasonably non-trivial (for HTML) hence no code snippet, but there's a pretty good HTML DnD tutorial over here.
NB: Updated with correct link. (My bad.)
http://hacks.mozilla.org/2009/12/file-drag-and-drop-in-firefox-3-6/
Edit: also https://developer.mozilla.org/en/CSS/-moz-background-size if that's the image resizing you're after
Vimeo has a nice example of drag n drop upload for firefox 3.6 here:
http://www.vimeo.com/6055152