Embed Google Photos video with player into websiteApril 18, 2019
How do I embed google photos video in a webpage? There are several ways out, I will show you my way to do it simply and quickly.
How do I embed google photos video in a webpage? There are several ways out, I will show you my way to do it. Easily and quickly using one of my tools to get the code to embed a video from google photos.
First, I remind you that this can be done with Google Drive.
But we already know from Google, it’s complicated and not quickly.
And why does it not simply go directly to Google photos? Maybe just because it can’t :/
Tool for embed Google photos video
I decided to improve my existing tool to get the public url of the shared image. Here is the original text dealing with embedding single image from google photos. And here is a tool again with video support:
Insert link to sharing of single image or video from Google Photos.
Share image or video in Google Photos and enter shared link into this to get url and code to embed.
It works just like with photos.
A short tutorial on how to do it:
- You must first share the video and get a public share link.
- Insert the link into the tool. It recognizes whether it is a photo or video. And it generates the code to embed the video.
- Copy the generated code using the button to the clipboard and paste it into your page.
Insert the link into the tool. It recognizes whether it is a photo or video. And it generates the code to embed the video or image if you can.
Some additional options
You can set several parameters, or you can completely edit the code as you like. The integrated player in your browser will be used for playback.
image/video width– If possible, the size of the video or image used is optimized. I recommend paying more attention to this parameter because it can have a significant impact on your page’s load time.
image/video height– same as in the previous case.
embed width– the size at which the video or image will be displayed on your page. I give 100% as the default value. This means that the element will be stretched to the entire available page width. I recommend that you keep this relative size in order to display everything correctly on mobile devices
embed height– the height of the displayed video or image. The default is 480px.
It is possible that there will be cases where it will not go completely smoothly. In this case, please write to me and try to solve it.
Other tools you might find useful.