I’ve installed the plugin via wordpress and the audio player works fine but I’m trying to use MediaElement to display youtube videos. I’m using the following code to no avail:
video autoplay="false" src="http://http://youtu.be/GXxfAygoVLM" type="video/youtube" width="500" height="275"
The version I’ve installed is version 2.9.1.
Can you please advise where I’m going wrong and whether I need to add something to ‘mediaelement-js-wp.php’?
Edit: This is the current shortcode on the site (which doesn't work):
[video autoplay="true" src="http://www.youtube.com/watch?v=GXxfAygoVLM" type="video/youtube" width="500" height="275"]
I don't know about MediaElement.js 2.9.1 in Wordpress, but your link isn't pointing to video (It's not link to video file itself, but to html page)
Try direct link, you can get them with help of any download tool for youtube (I can't give you any because they are very long).
maybe this way
Well, the most obvious thing I can see is that you're including http:// twice in your src attribute. Try removing one of them.
If that doesn't do the trick you might want to take it a step further. I've ran into this problem before with other Wordpress/ Youtube integrations when using a "youtu.be" link versus the actual "youtube.com" link.
Try changing: http://youtu.be/GXxfAygoVLM
To:
http://www.youtube.com/watch?v=GXxfAygoVLM
and see if that works for you.
Related
as I already found great help here in the community, I thought I'd post my question here, maybe there'd be somebody who could help me.
I am creating my websites in wordpress and found a great tool for creating an image carousel. As I am more of an intermediate in wordpress and mainly working with plugins, I found the swiper JS plugin in the wordpress plugin directory. It works fine but I have the problem that it won't loop and you can't get to the first and last image of the carousel, it always snaps back to the second and second to last image.
https://wordpress.org/plugins/swiper-js-slider/
This is the one I am using right now.
My question also is how I can use the Swiper JS in wordpress without using the plugin. I want to have it specifically on one page and it should be mobile friendly. All the design that already is on the page should be remain as it is. Would there be a possibility to include the Swiper Js tool even though I am using a wordpress theme?
Thank you so so much, it is really hugely appreciated!
Linda
Only worked with the plugin so far, no css helped...
Using WP custom code.
We assume your words "the plugin" are about that exact SwiperJS plugin.
Have you considered using an iFrame? See lower web links.
An iframe will allow you to add a video, audio, images, etc., so presumably even a slider lands in that category. Try this avenue first to see if it works for your needs. Read about WP iframe use in the links below.
<iframe src="test7.html" width="600" height="300" style="border:1px solid black;" title=""></iframe>
Or...
Other snippet plugin options exist (read developer docs). There are pro/con to some of those options (i.e. time, etc). Read developer resources (from an WP admin perspective) for more ideas.
wordpress iframe
kinsta article
WP developers articles
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.
I've decided to provide a tag to setup videos in my plugin description.
In doing this, I've found WordPress does not respect the target="_blank" option.
Does anyone know a method of doing this?
Although it should be obvious, here is my code:
this video playlist
It's so strange that in your WP not work target="_blank.
In the editor there is the command and give target="_blank.
So you can force it with:
<a onclick="openInNewTab('https://www.youtube.com/watch?v= video code ');">this video playlist</a>
This for me work every time.
After I moved a Wordpress website to production server I noticed youtube embeds were no longer clickable. The image and play button show up but nothing more.
Tried to renew the embed code, using the build in embed function, embed via media browser,... Nothing is working and it's making me crazy.
After some trial and error things I noticed that the video does work when the main bootstrap.css file is removed. Can't seem to find a clue to the solution though.
EDIT
Yes, I tried to disable all the plugins, with no result.
Changing back to the default twenty fifteen theme results in a working video embed. But since that one isn't build on bootstrap it's just a logic fact.
Anyone seen this before?
Web page with video embedded: click here
The website is sending lots of error messages in he consolu use F12 in Chrome, apparently your www-embed-player-new.js is causing the problem. Not even Edge is running the site correctly. I think you need a Chrome extension to make it work.
I would recommend you changing the plugin that imports the videos. Check this enter link description here
EDIT:
The chrome plugin Google Cast stops the error messages but still doesn't work.
The problem was with the wordpress loop on the single.php page.
A wrong code snippet caused the issue.
Fixed!
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.