I've been working on a site for a client, it's a WordPress site with Flexslider built-in to the theme. I am trying to get a slideshow of videos working, using VideoJS.
Inside the slideshow.php file, I have got it looping through the given slideshow posts and creating the necessary markup. It generates divs which contain the HTML5 video tag and gives it a unique ID. As the videos which are trying to be played are .mp4 format, and Firefox does not accept this, VideoJS should fallback to the Flash player - which it does, partially.
It seems that every other video on the slideshow works, and the others are left with an empty black box. Note: this is only happening in Firefox; Chrome, IE and Safari are fine, as far as I'm aware.
A live example can be seen here: http://churchcoalition.org/
If anyone has any suggestions for getting all the videos to work in Firefox, it'd be much appreciated.
Edit: It seems that now, none of the videos are working in FF, despite there being no changes to the code.
Regards.
You need to use plugins.Hope that will help you.
http://wordpress.org/extend/plugins/wpreso-video-featurebox/
http://wordpress.org/extend/plugins/captain-slider/
Not the neatest way of fixing it, but a fix nevertheless.
I checked the user agent, and if the Firefox string was matched, it would output an which used another Flash player, and if not, it would use the VideoJS code. I'm still not certain why the Flash fallback on VideoJS is not working, but this fix is working for me.
Related
I've just switched over a database for a front end website and some strange CSS is appearing under just one image, but I cannot find the CSS in the code, in fact i'm pretty sure it's not there.
This is looking at the code in browser using google chrome:
As you can see no CSS.
But in Safari:
Lots of CSS is added on the end of just this one image. The images are pulled from a database and displayed on screen, this was working before i switched the database over, and I can't seem to find it in the code:
As you can see it's not being added inline when it's echoed onto the page
My question is ... what could be causing this inline CSS to be added to this one image and is there anyway to find out where it came from?
If it safari on mac with retina display, some of the libraries can add styles to the image
As it turns out, the plugin ad blocker was blocking my image.
I'm using a HTML-form which target is an iframe. In this frame a PDF is generated (using TCPDF) out of the given data and should be displayed within the iframe. The problem is, that in webkit browsers like Chrome or Safari with built-in PDF viewers the PDF isn't displayed. Instead, a very dark gray background is displayed - at least sometimes. In some cases which I could not figure out it works. When I use Firefox with Acrobat it works, too. So the PDF can't corrupt.
Unfortunately, I can't deliver an example for my problem, but did anybody have those problems, too, and can help me?
Thx.
I'm trying to detect if a page has a video. If it does then display it on the page. I've seen this done with sites like youtube but I need something to pull in more sites like vimeo, blog video sites like tumblr and so on.
Is there a script that just searches for video on a page?
Any help is much appreciated or at least point me in the right direction.
You could do a find on the body using a video embed selector.
(Using JQuery)
$('body').find('embed').css('display','block');
I'm working on a website for a specific client. And he wants to be able to add link to the website, and on mouse hover to have a image of that website appear.
Now, he doesen't want to take an image of the website, he only wants to input the link and have the website do everything else.
So my question is ->
Is there a way (eg. google API) to get a website image only by providing the url via php?
Sort of like in google, when you hover over a lik of a page, a tooltip pops up to the right with an image.
Any help is, as always, appriciated :)
Here is a list of 10 free thumbnail services
http://www.webresourcesdepot.com/10-free-website-thumbnail-generation-services/
You can simply refer to the URLs of these services, e.g.
<img src="http://SnapCasa.com/Get.aspx?code=[code]&size=[size]&url=[url]" />
or make a CURL call from one of your PHP scripts and temporarily store/permanently save the image that was generated.
Have recently developed Thumbnailspro.com. It is currently free to use while in beta testing as we work out the bugs, but so far its getting quite popular, you can request thumbnails directly from your website using the code below :
http://thumbnailspro.com/thumb/http://msn.com&s=150
s=Size, size can be anywhere from 10 to 1000 pixels just add s=300 to display a thumbnail 300 pixels in width. We are trying to add more options as we go for thumbnail requests and at the same time trying to keep it as simple as possible so you don't have to enter something like the code below to get your thumbnails :
http://somethumbnailsite.com/viewurl.php?url=http://msn.com&x=200&y=300&bwidth=1024&bheight=768&rotate=76&what_the_hell%20_is_all_this_crap!
So is much more effecient!
Like the service or have any bugs contact us at admin#thumbnailspro.com!
No. The only way to do this is to request the HTML for the page, render the page and then create a thumbnail from that page render. Google does this because in the process of spidering the web, they already get all that data, and they've got a nice optimized rendering engine (Chrome) that they can put the data through, and then they've got tons of online storage space to store the cached image. There's a lot of work there, though.
hey guys so im building an application and one of teh features it will have is the ability to show photo links from twitter inline sort of like what tweetdeck has done in their chrome browser version and sites like crowdreel have been able to do, i spent some time researching how to grab image tags from urls on google and found this fantastic script http://www.bitrepository.com/extract-images-from-an-url.html
the script is great and does exactly what i need, however now my challenge is that the array returned from the links returns every image in the page including thumbnails ads etc, so a link to a page like this: http://lockerz.com/s/69901787
will return an array with quite a few image links to sort through,
however what i need is a link to the main image so that i can display it inline with tweets, my idea is that i run some sort of code to figure out which of the images in the page is the largest? what are your thoughts on this? is this the right method or is there something easier thats built into php perhaps? thanks for all your help guys!
Once you have the links to the images you can pass them to the getimagesize() function in PHP.
Look at this example: http://php.net/manual/en/function.getimagesize.php#example-2267