Home › Forums › Gravida Support › Embed Vimeo Video in Homepage
- This topic has 17 replies, 2 voices, and was last updated 5 years, 7 months ago by Sonl Sinha.
-
AuthorPosts
-
March 4, 2019 at 9:47 am #118424
Hi
Site address is https://perceptionprofiling.com/
I’d like to embed an explainer video BELOW the slider on the homepage, so I have put the following code in the Home Welcome Content section…
<iframe src=”https://player.vimeo.com/video/321200109″ width=”640″ height=”360″ frameborder=”0″ allowfullscreen=”allowfullscreen”></iframe>
When I look at this in the visual editor it shows the embedded video, so I hit the save button and then publish.
BUT… the video doesn’t show on the homepage after it’s published. How do I fix this please?
Thanks
SteveMarch 4, 2019 at 9:52 am #118425Hi,
Kindly send us your URL of the site and WordPress admin details (Username & Password) via email: [email protected] Please mention this forum URL while replying so that we understand what needs to be done.
Regards,
BradMarch 4, 2019 at 9:58 am #118427Hi Brad
We’ve been through this before… My client won’t allow me to share admin credentials with Third Party Developers.
Please respond via the forum with any code and where it needs to go or any other fixes.
Thank You
SteveMarch 4, 2019 at 10:06 am #118430Hi,
We do not know what code you have used.
So Can you send us the backend screenshot?
Regards,
BradMarch 4, 2019 at 10:13 am #118435Hi Brad
Thanks for helping me…
The code I used is in the first post of this thread… Here it is again in case you missed it…
Site address is https://perceptionprofiling.com/
I have put the following code in the HOME WELCOME CONTENT SECTION in WordPress. I did this in TEXT VIEW.
<iframe src=”https://player.vimeo.com/video/321200109″ width=”640″ height=”360″ frameborder=”0″ allowfullscreen=”allowfullscreen”></iframe>
When I look at this in the visual editor it shows the embedded video, so I hit the save button and then publish.
BUT… the video doesn’t show on the homepage after it’s published. How do I fix this please?
Thanks
SteveMarch 4, 2019 at 12:16 pm #118464Here are the images you requested…
https://imgur.com/a/q3SuAIP
Thanks
SteveMarch 4, 2019 at 12:23 pm #118465Hi,
Are you using cache plugin?
Regards,
BradMarch 4, 2019 at 12:45 pm #118468Hi Brad
Nope, no cache or accelerator plugins at all.
Plugins are up to date and are:
THESE ARE ACTIVE PLUGINS
Accessibility by UserWay
Deactivate
The UserWay Accessibility Widget is a WordPress plugin that helps make your WordPress
Version 1.2 | By UserWay.org | View detailsBlack Studio TinyMCE Widget
Deactivate
Adds a new “Visual Editor” widget type based on the native WordPress TinyMCE editor.
Version 2.6.7 | By Black Studio | View details | Home | FAQ | Support | Rate | Follow | DonateContact Form 7
Settings | Deactivate
Just another contact form plugin. Simple but flexible.
Version 5.1.1 | By Takayuki Miyoshi | View detailsContact Form DB
Deactivate
Save form submissions to the database from Contact Form 7, Fast Secure Contact Form, JetPack Contact Form and Gravity Forms. Includes exports and short codes. | Data | Short Codes | Settings | Reference
Version 2.10.0 | By Michael Simpson | Visit plugin siteCookie Notice
Settings | Deactivate
Cookie Notice allows you to elegantly inform users that your site uses cookies and to comply with the EU cookie law GDPR regulations.
Version 1.2.46 | By dFactory | View details | SupportEasy Twitter Feed Widget
Deactivate
Add twitter feeds on your WordPress site by using the Easy Twitter Feed Widget plugin.
Version 0.9 | By DesignOrbital.com | View detailsMedia Library Categories
Categories | Try Premium Version | Deactivate
Adds the ability to use categories in the media library.
Version 1.7 | By Jeffrey-WP | View detailsMedia Library Folders for WordPress
Deactivate
Gives you the ability to adds folders and move files in the WordPress Media Library.
Version 4.3.7 | By Max Foundry | View detailsNinja Popups
Deactivate
Awesome Popups for Your WordPress!
Version 4.6.1 | By ArsCode | Visit plugin sitePermalink Manager Lite
Deactivate
Advanced plugin that allows to set-up custom permalinks (bulk editors included), slugs and permastructures (WooCommerce compatible).
Version 2.2.0 | By Maciej Bis | View detailsQuick Featured Images
Deactivate | Settings
Your time-saving Swiss Army Knife for featured images: Set, replace and delete them in bulk, in posts lists and set default images for future posts.
Version 13.3.2 | By Martin Stehle | View detailsRe-add text underline and justify
Deactivate
This tiny plugin re-adds the Editor text underline & justify buttons in the WYSIWYG removed in WordPress 4.7. Works with Gutenberg.
Version 0.2 | By Brice Capobianco | View details | More b*web Plugins | Donate to this plugin »Really Simple SSL
Premium Support | Docs | Settings | Deactivate (revert to http)
Lightweight plugin without any setup to make your site SSL proof
Version 3.1.4 | By Rogier Lankhorst, Mark Wolters | View detailsRedirection
Settings | Deactivate
Manage all your 301 redirects and monitor 404 errors
Version 4.0.1 | By John Godley | View detailsShareThis
Deactivate
Let your visitors share a post/page with others. Supports e-mail and posting to social bookmarking sites. Configuration options are here. Questions on configuration, etc.? Make sure to read the README.
Version 7.4 | By The ShareThis Team | Visit plugin siteUpdraftPlus – Backup/Restore
Manage Addons | Add-Ons / Pro Support | Settings | Deactivate | Take Tour
Backup and restore: take backups locally, or backup to Amazon S3, Dropbox, Google Drive, Rackspace, (S)FTP, WebDAV & email, on automatic schedules.
Version 2.16.6.24 | By UpdraftPlus.Com, DavidAnderson | View details | Check for updatesWooCommerce
Settings | Deactivate
An eCommerce toolkit that helps you sell anything. Beautifully.
Version 3.5.5 | By Automattic | View details | Docs | API docs | Premium supportWooCommerce Blocks
Deactivate
WooCommerce blocks for the Gutenberg editor.
Version 1.4.0 | By Automattic | View detailsWordfence Security
Upgrade To Premium | Deactivate
Wordfence Security – Anti-virus, Firewall and Malware Scan
Version 7.2.3 | By Wordfence | View detailsWordPress Importer
Deactivate
Import posts, pages, comments, custom fields, categories, tags and more from a WordPress export file.
Version 0.6.4 | By wordpressdotorg | View detailsWP All Export
Deactivate
Export any post type to a CSV or XML file. Edit the exported data, and then re-import it later using WP All Import.
Version 1.2.3 | By Soflyy | View detailsWP All Import
Deactivate
The most powerful solution for importing XML and CSV files to WordPress. Create Posts and Pages with content from any XML or CSV file. A paid upgrade to WP All Import Pro is available for support and additional features.
Version 3.4.9 | By Soflyy | View detailsWP Post Page Clone
Deactivate
A plugin to generate duplicate post or page with contents and it’s settings.
Version 1.0 | By Gaurang Sondagar | View detailsWP-Print
Deactivate
Displays a printable version of your WordPress blog’s post/page.
Version 2.58 | By Lester ‘GaMerZ’ Chan | View detailsTHESE ARE INACTIVE PLUGINS
Another Events Calendar
Activate | Delete
Another Events Calendar is a top-of-the-line event management plugin helps you organize and manage any type of events such as Conferences, Seminars, Meetings, Team Building Events, Trade Shows, Business Dinners, etc… in a very simple way.
Version 1.7.0 | By Yendif Technologies Pvt Ltd. | View detailsGoogle Captcha (reCAPTCHA) by BestWebSoft
Activate | Delete
Protect WordPress website forms from spam entries with Google Captcha (reCaptcha).
Version 1.42 | By BestWebSoft | View detailsMedia Library Folders for WordPress Reset
Activate | Delete
Plugin for reseting WordPress Media Library Folders
Version 4.3.7 | By Max Foundry | View detailsWooCommerce Print Invoice & Delivery Note
Activate | Delete
Print Invoices & Delivery Notes for WooCommerce Orders.
Version 4.4.7 | By Tyche Softwares | View detailsWP Ultimate CSV Importer
Activate | Delete
Seamlessly create posts, custom posts, pages, media, SEO and more from your CSV data with ease.
Version 5.6.1 | By smackcoders | View detailsThanks
SteveMarch 5, 2019 at 9:28 am #118595Hello
Any update on this please?
Thanks
SteveMarch 5, 2019 at 9:49 am #118602Hi,
Add this shortcode at the last on core-functoin.php
// Shortcode iframe
/* [iframebox4]Description[/iframebox4] */function iframe4($atts, $content = null){ extract( shortcode_atts(array( 'bgcolor' => 'bgcolor', 'bordercolor' => 'bordercolor', ), $atts)); return ' <div class="iframe4"> <iframe src="'.$content.'"></iframe> </div> '; } add_shortcode('iframebox4','iframe4');
Add CSS in custome style
.iframe4 iframe {width:100%; min-height: 350px;border:none;} .iframe4 {width:100%; min-height:350px;}
And use this shortcode to display video
[iframebox4]https://player.vimeo.com/video/321200109[/iframebox4]Regards,
BradMarch 5, 2019 at 11:28 am #118618Hi
Thank you for this… It nearly works but isn’t quite right.
The solution you have provided stops the user from selecting the option to make the video full screen which is a basic option that is required.
The Embed Code generated by Vimeo allows this. Here is the Embed code…
<iframe src="https://player.vimeo.com/video/321200109" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen</iframe>
I need to be able to have the function to let users make the video full screen.
Also how can I make he video about 50% bigger on the homepage? It is a little lost at the current size.
Thank You.
SteveMarch 5, 2019 at 11:41 am #118620Hi,
Kindly use this one
#player { width: 100% !important; height: 100% !important; max-width: 100% !important; }
Regards,
BradMarch 5, 2019 at 11:43 am #118621Hi Brad
I’ve been reading around and I’ve found this…
I found it here… https://help.vimeo.com/hc/en-us/articles/360001494447-Using-Player-Parameters
Applying embed parameters to Vimeo.com URL
If you are using an application that requires you to insert a Vimeo.com URL (e.g https://vimeo.com/76979871) instead of our embed code, you will be unable to use player parameters to customize the embedded player.
For example, this method is not supported:
https://vimeo.com/76979871?quality=720p
This is supported:
<iframe src="https://player.vimeo.com/video/76979871?quality=720p" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
Some examples of applications that only support Vimeo URLs are social media posts, WordPress themes and plugins, Wix plugins, Squarespace plugins, and other miscellaneous video embed tools within webpage builders. The good news is, some tools may allow you to adjust player preferences (like autoplay, for instance) directly in their own UI.
Do you support any WordPress based Video players that work alongside your theme… Like Easy Video Player or Advanced Responsive Video Embedder?
Thanks
SteveMarch 5, 2019 at 11:48 am #118623Hi Brad
I added
#player {
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
}To the CSS but it hasn’t made any difference I’m afraid.
Thanks
SteveMarch 6, 2019 at 9:49 am #118740Morning
Any other thoughts or ideas on this?
At the moment I have put a workaround in place using a pop-up but it isn’t what the client wants.
Thanks
Steve -
AuthorPosts
- You must be logged in to reply to this topic.