I am having trouble when it comes to adding a video URL to my page.. I am currently using Narrative - Cold theme and there’s a section after the heading you’re able to put a video - link of Vimeo or youtube.. the youtube is working fine, but it shows the youtube channel I use to upload it on and their ability to copy the link on the top right corner (yes I specified on the settings that people cannot use my video for embedded and there was no option to not show channel on the top left)
hence I preferred the Vimeo link but the problem is it’s not playing… if anyone can help me It would be greatly appreciated.
1 Like
Hey there, @TroyLu12 . Thanks so much for reaching out to the Shopify Community today with your Vimeo video situation! I’m happy to discuss this situation with you, and see if we can get things resolved.
Good idea to go with Vimeo in order to help boost your privacy and protect your content! Vimeo doesn’t require any sort of special formatting when adding a video to your Shopify theme sections, unlike YouTube, so issues with having a video actually play are most often related to the settings of the Vimeo Video itself. We can do a few tests here to confirm this.
- Can you try loading a public vimeo to your theme, and seeing if that plays? If it does, we know it’s a setting associated with your video specifically.
- Can you try loading your intended video to a freshly downloaded version of your theme? If it works, then we know it’s theme related!
Often times in situations where Vimeo is giving folks trouble, a reachout to Vimeo for support is needed. However, before I advise on that being something we need to do, I’d love to hear the results of the above tests! Please, give those tests a try and follow up with me to let me know how things go!
Hello there!
I am having also issue with vimeo link added to my page. The video is public on vimeo settings but still when I enter link video on my shopify page at " add URL video", it say’s “Can’t connect to Vimeo. Please try again later.”
What should i do?
Thank you!
Hey there, @Vpower74 . Thanks for joining in on our thread here! I hope you’re doing well.
Thanks for providing a copy of the error message you’re receiving. Sometimes, this message can appear when the theme you’re using in your store has issues playing the video. So, you video could actually be on your website currently, but the message is trying to tell you that the length/quality of the video may prevent it from being played as expected. We have a way to test this:
- First, can you provide us with a link to your store and let us know on what page you’re trying to add the video?
- Can you try once more to add the video to your store, and then follow up with me here to let me know once you’ve tried?
The goal here is to see if the video is presenting on your site at all, or if it’s not even appearing where it should. This step will help use determine specifically what that error messaging is trying to tell us.
Get back to me when you can with the requested information - I’ll keep my eyes peeled for your reply!
1 Like
Greetings,
thank you for the reply to the previous user,. i’m having the exact same issue with the Dawn theme. I want to add a Vimeo link to the video section and it’s saying g it cant connect to Vimeo. Here are my responses to your inquiries about the problem:
- First, can you provide us with a link to your store and let us know on what page you’re trying to add the video?
www.kingblessed.com, adding to the bottom of the home page
- Can you try once more to add the video to your store, and then follow up with me here to let me know once you’ve tried?
just tried it again and received the same response, “ cant connect to Vimeo, please try again later”
Thank you so much for any help.
I’m having this same issue
I’m using the public share link
The video shows up on the editor but not on the preview. I get the error of " Oops, the embed code for this link is not working"
1 Like
@aprilleann
oh sorry for that issue can you please share store url so i will check and let you know
i’m also getting this issue and still i’m stuck i want create a custom video music player in shopify hydorgen using css and js but i can’t find any solution here is code if you find any solution please let me ping my comment
import React, {useState, useRef, useEffect} from 'react';
import Vimeo from '@vimeo/player';
const VideoPlayer = () => {
const [isPlaying, setIsPlaying] = useState(false);
const vimeoPlayer = useRef(null);
useEffect(() => {
vimeoPlayer.current = new Vimeo('vimeo-player', {
id: 'YOUR_VIDEO_ID',
width: 640,
loop: true,
responsive: true,
});
}, []);
const handlePlay = () => {
isPlaying ? vimeoPlayer.current.pause() : vimeoPlayer.current.play();
setIsPlaying(!isPlaying);
};
const handleVolumeChange = (event) => {
const volume = event.target.value;
vimeoPlayer.current.setVolume(volume);
};
return (
<div className="custom-video-player">
<div id="vimeo-player" className="vimeo-player" />
//here is my custom html and css code
//i'm not using iframe tag i'm just using vimeo player use
</div>
</div>
Hi there, @jaswant55 . Thank you for taking the time to follow up on our thread here.
To set some expectations for you, Shopify Support Staff are not trained on coding, so we’re unable to advise on what change you need to make with your code there.
My recommendation for you would be to repost this comment as a brand new post in the Community, so more folks with coding skillsets can see your question, and provide input.