Alternative of Screencast.com Video Embedder video plugin in Wordpress - wordpress

I want to use videos from www.screencast.com in WordPress want to to show multiple links for videos in single page and when I click on a link it should the video in popup form.
I tried this "Screencast.com Video Embedder " but this is not opening videos in popup from.
Please Help.

Just take the embed code from the screencast.com share option and paste that into your post's html. Then go back to the visual mode and adjust the dimensions if necessary to fit your screen (600 px or whatever).
Better yet, when you look at the Screencast site, instead of grabbing the “Embed On Your Page” code, simply look above at the “Share URL.” This is the content you’ll need to add to the Screencast Short Code. Make sure you grab “http:……../” and everything. So your shortcode should look like this;
[screencast url="http:www.screeencast.com/123XYZabc" width="xxx" height="yyy"]
The next plugin you'll need doesn't get rave reviews, but I do know some people who've used this successfully. I know it's old, but apparently still works. Popup Video Generator. And here's an example of how to use it properly.

Related

How to hide controls and info of a embeded youtube video?

I want to remove all information from the embedded videos like:
The title of the videos
Share
Watch on YouTube
Suggested videos
Name of the channel
Can I do that?
YouTube alone allows you to do some of these things for example if you go to the video you are wanting to share and you click share and then the embed option you get a few settings.
The main one you will want it the one which says "show player controls" when this is unticked viewers wont be able to skip the video at all but they can still pause / play.
If you want to hide the title card simply add this is to the end of the URL for the video "&showinfo=0" and this should remove that information for you.
As for everything else I am not too sure on so hopefully someone else can help with the remaining parts

Printing Displayed URL Image with Handlebarsjs

Ok so I have this template receipt file that I'm working on. I use this code to display an image on the webpage preview of the receipt:
<div class="barcode"><img class="barcode" src='https://www.example.com/?wc_barcode={{meta_data.[1].[value]}}'/></br>{{meta_data.[1].[value]}}</div>
What the image link ends up looking like in html on the preview page is:
https://www.example.com/?wc_barcode=6094644a91bc7
When you try to download the image it's an unnamed .png. It does not exist on my server and is generated by the link on the fly. It's Woocommerce Order Barcodes plugin from Woocommerce. Either way, the image shows perfectly fine in the preview but when I go to print the receipt the image disappears. Can someone help me understand what might be going on and what to do about it.
Not exactly sure what was done, but the developer customized the plugin to work the way I was using it so if someone else tries to use it like I am they will not have a problem either as the plugin is specifically designed to be embedded into different files and templates.
The Plugin is called Digital Barcodes by UKRSolution. Figured since they provided such great support and even extended plugin functionality due to not seeing someone using it in the manner I was, that I would let anyone interested or looking for this type of solution know.

Paragraph not working for shortcodes and div

I've been looking to use various Youtube video plugins on my Wordpress site in order to be able to automatically make the videos responsive.
Using the standard iframe embed code from Youtube will display the videos fine. Proper paragraph is added relative to the text below. This happens automatically. So, when I use or to display images or videos, all is fine with proper paragraph.
Strangely though, if I use brackets/shortcode or to display image or video, paragraph is not respected.
I tried this on my other page which uses the same theme and the same page builder and all works well there, so obviously something is broken on my site.
For me this is like looking for a needle in a haystack, but I have tried disabling the plugins one by one which did not help. I've also tried to look in my child theme css where I do the changes, but could not see anything directly that seemed related to this.
Any suggestions what else I could try?

WordPress Plugin for video banner?

I'd like to have a video banner on my WordPress site pages. I saw the following site (http://pictoryproductions.com/) and they have exactly what I would like to do on my site. However, I'm not sure what plugin they used to accomplish this. Could anyone just point me in the right direction?
I'm fairly new to WordPress, so if anyone can suggest what plugin to use, or if there is functionality already in place in WordPress for this how I can use it to get the effect I want.
UPDATE
As per the requirement to show what has been done so far to achieve the result I want, I have created a PHP page that uses the HTML 5 video tags to embed the video I want, with the PNG overlay. I then embed the page using an iframe tag from within WordPress. The problem is I have to create a new PHP page for each WordPress page I want with this layout when it needs a different video and overlay png image.
Thank you!!!
To avoid an opinionated answer on what I think is the best plugin to use, I just did a simple View Page Source on the site you posted and picked through to find where that video banner is displayed. It references a lot of classes and stuff labeled "mejs" which I think refers to a mediaelement.js plugin found here:
https://wordpress.org/plugins/media-element-html5-video-and-audio-player/

Can someone please explain how to integrate open graph & Like button into wordpress?

I am trying to implement Open Graph and the “Like” button on my wordpress website. I want to have the Like button positioned directly beneath a youtube video posted on one of my wordpress pages.
I have watched the facebook open graph video explaining the code to put onto your page, but it doesn’t explain how to do it in wordpress. I have researched several wordpress plugins that implement open graph into your site, but they all seem to take data from the site itself and automatically implement it into the open graph data. It also seems to me that using the “Like” button wordpress plugins, the like button is automatically placed either at the top or bottom of the page or in the sidebar.
Can anyone please help me understand exactly how to implement the open graph code into wordpress in a manner where I can control all the parameters of the code (image, url, site name, description, etc), and how to implement the Like button directly underneath of the video on my webpage?
Thanks,
It doesn't matter if it's "for Wordpress" or not. Wordpress is a framework, not a language. Use the Like Button Tool to generate the code you need for ANY Page - Wordpress or otherwise - and read up on the Open Graph Protocol to give you an idea on how to write your <head> section.
Facebook's Debugging Tool will also help you with any caching issues you may be experiencing, along with lots of extra information you might find useful in regards to your website.

Resources