Hi i am using prettyphoto media plugin in wordpress to display my youtube videos in a lightbox.
I have three, and I posted each one as different youtube video. Using prettyphoto the 1st post displays the video in lightbox. But other two don't open in the lightbox and just redirect to the youtube page.
Below one works perfectly
<a class="slid-img" href="http://www.youtube.com/watch?feature=player_embedded" rel="prettyPhoto"><img src="http://code/wp-content/uploads/2013/02/video1.png" alt="video1" width="412" height="323" class="alignnone size-full wp-image-731" /></a>
Below two doesn't work with lightbox
<a class="slid-img" href="http://www.youtube.com/watch?v=k4QO" rel="prettyPhoto"><img src="http://code/wp-content/uploads/2013/02/video2.png" alt="video3" width="411" height="324" class="alignnone size-full wp-image-732" /></a>
<a class="slid-img" href="http://www.youtube.com/watch?feature=player_embedded" rel="prettyPhoto" ><img src="http://code/wp-content/uploads/2013/02/video1.png" alt="video2" width="412" height="323" class="alignnone size-full wp-image-731" /></a>
Can any one tell me how to make it work?
All the videos are set in slider.
Other Problem is 1st video opens in fancybox only in the first round of the slider after that video doesn't open in fancybox
Here are some basic troubleshooting steps for your situation:
Have you tried non-youtube content in your PrettyPhoto? Try some -- like images that are loaded from Wordpress. If images don't work either, you likely have an error somewhere in your javascript that is tripped when you first call PrettyPhoto. Look carefully through the javascript that is generated by the plugin -- most likely the javascript in the head of your wordpress page.
Otherwise, a likely conflict with PrettyPhoto is JetPack. If you have this plugin installed and enabled, try disabling it first.
If you don't notice anything better, try disabling all wordpress plugins except for PrettyPhoto. If it still doesn't work properly, try reverting to the default wordpress theme, like 2010.
If none of these is the problem, it could be the version of jQuery you are running. I think PrettyPhoto is compatible up to only jQuery 1.6.1.
Another thing to check is to make sure you are only loading one copy of jQuery. Look through the generated source code of your wordpress page, and see if there is more than one reference to jquery.
Related
We are creating a service which hosts videos. Users upload videos to our website, and we provide embed codes for playback on their websites.
We have a number of users currently using Wordpress, so we figured we would create an oEmbed service to let users easily copy/paste links into their posts.
We followed a tutorial, and and registered the following provider in wordpress via wp_oembed_add_provider in functions.php
wp_oembed_add_provider('https://vectorly.io/*', 'https://vectorly.io/wordpress/embed');
We set up an oEmbed service endpoint (https://vectorly.io/wordpress/embed?url=....), which returns the following json
{
"version":"1.0",
"type":"video",
"provider_name":"Vectorly",
"provider_url":"https://vectorly.io/",
"width":"600",
"height":"340",
"thumbnail_width":"600",
"thumbnail_height":"340",
"thumbnail_url":"https://s3-us-west-2.amazonaws.com/m.cdpn.io/screenshot-coming-soon-small.png",
"title":"NVP DemoDay - Vectorly",
"html":"<iframe src=\"https://api.vectorly.io/embed/demo/ba37b243-46c4-4f60-9a12-f6885b95c661\" width=\"600\" height=\"340\" frameborder=\"0\" allowfullscreen />"
}
Embedly seems to validate the output
Copying and pasting one of our links (https://vectorly.io/watch/ba37b243-46c4-4f60-9a12-f6885b95c661) into the Wordpress post editor does seem to successfully grab the oembed details
But the embed content editor block doesn't show a preview of the video
The actual published post looks fine though
It seems that the preview block is loading the iframe properly, but is just setting the width and height as 0 during the preview.
Looking at other non-whitelisted oembed providers, this issue doesn't seem to come up, so I think I'm doing something wrong, but I can't figure out for the life of me what it is.
Mucking around in various Wordpress files, I think that other oEmbed links (even from non-whitelisted 3rd parties) are doing something to trigger sizing of the preview Iframe in Javascript.
Any insight on this would be appreciated. Otherwise, we'll just forego oEmbed and stick with vanilla html embed codes
In case anyone else stumbles on this issue in the future:
You need to provide iframe close tags when you send oembed responses to wordpress
I.E. The following does not work
<iframe src="..." />
The following does work
<iframe src="..." ></iframe>
Adding a figure tag improves the result. See the fixed oEmbed output from our server
{
"version":"1.0",
"type":"video",
"provider_name":"Vectorly",
"provider_url":"https://vectorly.io/",
"width":"600",
"height":"338",
"thumbnail_width":"600",
"thumbnail_height":"338",
"thumbnail_url":"https://s3-us-west-2.amazonaws.com/vv-raw-videos/ba37b243-46c4-4f60-9a12-f6885b95c661.png",
"title":"NVP DemoDay - Vectorly",
"html":"<figure><iframe src=\"https://api.vectorly.io/embed/demo/ba37b243-46c4-4f60-9a12-f6885b95c661\" width=\"600\" height=\"338\" frameborder=\"0\" allowfullscreen ></iframe></figure>"
}
I have a footer CTA widget (Best Quality Guarantee) that is appearing on all of the pages on my site, besides the shop and product archive pages.
How do I get it to appear on these pages as well?
The code for the widget is here -
<div>
<a class="best-quality-link" href="/best-quality-flowers"><img src="/wp-content/uploads/2018/07/Better.svg" alt="Best Quality Flowers" /></a>
<hr class="separator" />
</div>
You can see the Best Quality image on the bottom of this page - www.flowersforeveryone.co.za
But it doesn't appear on this page - https://flowersforeveryone.co.za/product-category/roses/
looking at your source code on the archive page it shows that better.svg is definiteley there but it looks like your lazy-loading isn't triggering and displaying it as it still has the 'lazy-hidden' class attached to it. Try disabling lazy load and see if it appears. If it does, then try play with your lazy load plugin settings and if that fails try use a different plugin.
I use the free version of WPBakery Builder (Visual composer) and there's a problem with the "Single Image" element which is not parsed on the front-end (but actually is on the admin's "Visual Composer front-end editor"). Every other elements are well parsed...
To be clear, this is what appears on the website's page :
[vcvSingleImage class="vce-single-image" data-width="960" data-height="640" src="http://www.example.com/wp-content/plugins/visualcomposer/elements/singleImage/singleImage/public/single-image.jpg" data-img-src="http://www.example.com/wp-content/plugins/visualcomposer/elements/singleImage/singleImage/public/single-image.jpg" alt="" title="" data-default-image="true"]
instead of the image itself.
I tried to deactivate all plugins, then only VC, then deinstall and reinstall, but nothing fixes the issue...
The theme i use is homemade.
Any idea ?
I am setting up a Newsletter and it requires < media:content> from my RSS feed to pull images. My Wordpress Blog RSS dos not contain any at all and I am wondering how I can change my Feed? https://www.chrisontour84.de/feed
Instead I am getting some kind of encoded content:
<content:encoded><![CDATA[<p><img data-attachment-id="10784" data-permalink="https://www.chrisontour84.de/news/ice-caves-in-iceland-german-trip-report/attachment/guest_ice_cave/" data-orig-file="https://i0.wp.com/www.chrisontour84.de/wp-content/uploads/2018/01/guest_ice_cave.jpg?fit=782%2C163&ssl=1" data-orig-size="782,163" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="#guest_ice_cave" data-image-description="" data-medium-file="https://i0.wp.com/www.chrisontour84.de/wp-content/uploads/2018/01/guest_ice_cave.jpg?fit=300%2C63&ssl=1" data-large-file="https://i0.wp.com/www.chrisontour84.de/wp-content/uploads/2018/01/guest_ice_cave.jpg?fit=645%2C134&ssl=1" class="alignleft wp-image-10784 size-full" style="border: 1px solid #000000;" src="https://i0.wp.com/www.chrisontour84.de/wp-content/uploads/2018/01/guest_ice_cave.jpg?resize=645%2C134" alt="" width="645" height="134" srcset="https://i0.wp.com/www.chrisontour84.de/wp-content/uploads/2018/01/guest_ice_cave.jpg?w=782&ssl=1 782w, https://i0.wp.com/www.chrisontour84.de/wp-content/uploads/2018/01/guest_ice_cave.jpg?resize=300%2C63&ssl=1 300w, https://i0.wp.com/www.chrisontour84.de/wp-content/uploads/2018/01/guest_ice_cave.jpg?resize=600%2C125&ssl=1 600w" sizes="(max-width: 645px) 100vw, 645px" data-recalc-dims="1" /></p>
Things I have checked are:
disabling all Wordpress PlugIns
resetting to Standard Theme
resetting plugins folder via FTP
All of which did not bring the media:content back. Any other ideas?
Hopefully someone can help me and I can grab my Images into the Newsletter.
Thanks!
Chris
EDIT: No one at all is able to help here? :(
The media:content element is part of the MediaRSS specification, which enhances the support for multimedia elements in RSS items.
The first thing I'd try to add media:content to your blog is the Hetjens MediaRSS plugin. This requires that you can add plugins to your blog, of course.
If you identify the newsletter software or site that requires media:content I can check to see whether this solution suits your purpose.
For my site under wordpress i am having a very wired issue with 404 warning appearing from Google (GWT) and my 404 plugin.
I get hundred of 404 like : /article-name/email#website.com
I checked everywhere the email doesnt appear on the site and i checked database, those links are nowhere to be found.
Also i removed my email from everywhere on the site and it doesnt help gogle still think those are broken links on my site.
Would you have an idea of how to fix this ?
thx u !
I ran into the exact same problem today and was able to solve it.
Here is my solution:
The root cause for my problem, (likely this one as well) is that I did some social media linking via the theme I installed. There are Facebook page etc, and there is Email.
When rendered
<li class="facebook">
<a href="https://www.facebook.com/your.page" target="_blank">
<i class="fa fa-facebook"></i>
</a>
</li>
And for the email icon, it is the following:
<li class="mail">
<a href="email#website.com" target="_blank">
<i class="fa fa-envelope"></i>
</a>
</li>
when you click on this <a> tag, it will point to /article-name/email#website.com because it is interpreted as a relative url, whereas the Facebook link is an absolute url since it has https://
To Fix This
use mailto:email#website.com instead of email#website.com for your email address.
The theme probably should wrote a href="mailto:{{email}}" in their template. But if they didn't, you should write mailto: yourself.
According to my experience, There is some additional script added in your wordpress file. try to remove header.php, footer.php one by one and see error comes or not. If error doesn't come then check your code in these files. I am sure there is some script added in any file.
Resave your permalink settings, that should sort it out, but information can only get appended to urls via the .access file, which is set in the permalinks section. I'd check that if I was you.