How To Embed A Video From Google Drive In Your WordPress Website
In the video above I show you how to embed a video from Google Drive onto your website and save yourself the trouble of having to install a video player or use expensive video hosting.
- Sign into your Google account and access your Drive. (See how to get started with Google Drive here)
- To embed the video locate your video and click on the video file link. The video page will open in a new window.
And you can see the URL for the file, however to share the video with others you will need to modify the Sharing options (found in the File menu) - You can see the video title and description which you can edit.
Go to File-> Embed this video - Copy the embed code by clicking in the code box to highlight the code then copy (much like YouTube).
- Go to your website and create a new post or page. Go to HTML view and paste in the Google Drive embed code previously copied.
Save your draft and preview. - To change the size of the video simply change the width or height values within the parenthesis in two separate locations in the code.
The Google drive video player is the same as the Google Plus Hangouts on Air player. You will note that there is no place to click on the video to go to Google Drive.
Additional options you may consider for your embedded Google Drive video:
- To play in a private membership site: Ensure the video sharing options remain private.
**If your membership site page is set not to be crawled you will need to assign the video “Anyone With The Link” as opposed to “Private” sharing before embedding the video – otherwise your members may not be able to view the video. - To allow your members to download the via, go to File -> Make Video available for download.
- Add closed captions to your video file to improve accessibility.
Here is the video embedded from Google Drive
More Google Drive Articles You May Like
- Using Google Drive for Video Hosting and Streaming
- Using Google Drive for Research and Images
- Using Google Drive for Your Business
- Listening to MP3′s from Google Drive
- Amazing Google Drive Apps
Comments or questions? Please share them below!
This post was written by...
Duru – who has written 113 posts on Internet Marketing Duru.
+Shira Gal aka Duru is Internet marketer specializing in SEO promotion, social media and SEO consulting for online businesses. Shira Gal is a bestselling author and personal coach, a combination paramount to her internet marketing coaching client's success! Contact Duru today for a free 1:1 Skype consult
{ 27 comments… read them below or add one }
Hi Shira, thanks for posting about embedding google drive videos…not alot of info out there. I’m trying to do this for a site where my client doesn’t want to have theri videos on youtube. However, I can’t figure out how to customize the embed code to select custom thumbnails, alter the progress bar, etc. Also, IE is having trouble playing the videos which I’ve found is a known problem. Are there any shortcodes I can use?
Hi Mark,
As far as I have been able to find out, there is no way to control the thumbnail for Google Drive videos yet. For YouTube videos it was possible to calculate the mid point in the video (Thumbnail sampling point) and control it that way. You would need to test this for Google Drive videos.
Google Drive and related apps are made to work best in Chrome, so IE and Firefox may have certain limitations for this platform.
Keep in mind Google Drive is still very new. I am relaying your questions to the Google Drive development team and will let you know when I get a more detailed “official” answer back.
Shortcodes would refer to WordPress integration and I am not aware of any at this time… currently you would use the embed code as shown in the video above.
Take action and have a great day,
~Duru
Great info! Does this technique work with if I want to support mobile devices by using an HTML5 video player instead of the Flash iframe player above?
I have tried the method you propose, but the code that google drive gives me has nothing to do to that shown in the video:
I have changed part of the actual name with dots, this is the only code google drive gives me when I chose the option embed video, and this code does nothing when inserted in the html part of a wordpress entry, I have been doing several tests, but the result is the same.
In your vide the code that google drive gives you is quite longer and complex, I have tried to type it, but it is too long, and I am not sure I can do it without mistakes with the low resolution of the video published.
So please, I would like to know it the same thing is happening to you now, or google drive behaves differently with you and me. I have to tell that I use the spanish versions of google drive, but I can´t imagine that makes such a diference.
the program has eliminated the code by google drive, I am trying to publish it eliminating some parts
iframe src=”https://docs.google.com/file/d/0B9vWDVjSne6hdjdpZmlydDUzVHc/preview” width=”640″ height=”385″></iframe
I got it, I have only eliminated the opening an closing
Hi Jose,
Your HTML is incomplete. You need the opening tag < and closing tag > for it to work
~Duru
I know that, but I had to delete them for the text to appear in these comments. I assure you that is not the problem. I put the plus and minus than sign in my blog and out does not work. On your video the code given by google drive to embed its very much longer, and I dont know why our how to solve it.
Thanks for your answer anyway.
Hi Jose,
My video shows an old embed code, the iframe should work just the same. Perhaps your video settings are private?
Please contact me on Google Plus and I’ll help you out!
Hi Jose,
Thanks for contacting me on Google Plus! After understanding your problem a little better here is my answer:
I suspect you are using the visual editor in Wordpress after pasting in the iframe code. You can see a reference to your questions here – http://wordpress.org/support/topic/my-codes-keep-disappearing/page/2
To solve this, simply edit your post in HTML mode and do not revert back to the visual editor before publishing!
** If you are using a Wordpress.com site and not your own hosted domain it is impossible to embed an iframe due to security reasons..
Take action and have a great day!
~Duru
Hi Shira, thanks a lot for all your help, and for the amazing live session with google hangout, It was very easy and helpful to see and hear you while you shared your desktop with me. The experience was great, and very gratifying, although we could not solve the problem as wordpress.com has very restricted rules in terms of html code, and no chance to upload any plugin. I hope that they include google drive videos embedding in their allowances rules, as they have made with youtube. Surely your blog will help to achieve that. Keep on your good work, and I wish you the best of lucks with your projects, they are very interesting, and you deserve it
Have you found a way to set the video playback quality for the embedded video? I know you can do it youtube but I can’t find or figure out a way to define it using a Google Drive Video.
Hi Shira,
I would love to use google drive for this, BUT the CMS (drupal) that my employer uses will not support iFrame – is there a way to get the longer code? (like in YouTube you can get the longer code)
Hi P.Ryan,
Unfortunately Google Drive video embed codes are now iFrames. Other embed codes may be possible using their API. You would need to contact the Google Drive team to find out more. Connect with me on Google+ and I will try to help you out.
~Duru
Hello, I have a video of 6 minutes on google drive but when I play the video audio and video are not synchronized.
Does sombody know why this is?
The embedded google drive video will not play on an iphone/ipad. Any work around for this?
The embedded Google Drive video should work on a mobile device. There is no reason why it shouldn’t (works on my iPhone for example
~Duru
Hi Bart,
There must be some sort of issue with your video, this has nothing to do with the video player…
Hi Duru,
Thanks for the great info you provide – great for a non-techie like me! I recently updated my Drive and now the embed option seems to have disappeared, is this the case or am I looking in the wrong place?
Thanks! Elaine
Hello, I have been trying to get a Google drive video to autoplay and have not been able to do so. I have tried the codes that work in youtube videos and they do not work in drive videos. Do you know how to do this?
Thanks, Jim
Hi Jim,
The Google Drive video player is similar to the YouTube player, but doesn’t have all the same functionality. I haven’t seen an autoplay function for Drive though this may be possible via the API.
Best,
Duru
Hi Elain,
The embed option is still there, the code just looks a little different than in the video- it’s an iFrame. It should work. Let me know if you have any problems and I will do my best to help you get sorted!
Best,
~Duru
1.how to make autoplay in Google drive embedded?
2;how to allowfullscreen without navigation or playlist on the bottom side?
thx
Hi Duru,
Two questions for you (or anyone who knows):
-Does Google put ads over videos streamed from Google Drive?
and, I think this was asked above, but;
- Can we use an alternate player if we choose to? I want to stream a very long video, and I would prefer a player which would allow me to place section markers on the progress bar.
Thanks,
Mike
Hi Mike,
There are no Google Ads over videos (at this time) as they are considered personal data.
I have not found a way to use an alternate player than the one provided though this may be possible if you access the Google Drive API directly… (you would need to ask a Google Developer).
Hope that helps!
~Duru
Hi Awei,
I am not aware of the possibility of auto-playing a Google Drive video when embedded or of the possibility to control the navigation on the video player.
Rock on!
~Duru
Thanks, Duru.
Answer to question 1 was what I was hoping for, unless the “at this time” part comes into play someday…
Perhaps a better player alternative will come along in the future, too.
Mike
{ 2 trackbacks }