Comments (9)
This repo is not for that module.
As far as moving icons in the embed though, you'd need to be able to inject stylings into the iframe. Which since this is always cross-origin I don't believe is possible. Perhaps there is an API config that can turn off the link button completely? Then you could provide an action for that in your own interface.
from lite-youtube-embed.
Thanks Garbee , Yes when I tried to move the Copy link it gives me the cross-origin error . Can you please guide me how can I hide the copy link button ?
from lite-youtube-embed.
It can't be hidden. If enhanced privacy is used for the embed (nocookie
on the URL) it shows the copy link button. If that is off, it is replaced with a Share and another button.
Without access to Google's origin (so getting a job there, working on the YT team, and fixing this internally) you can't modify the embed outside of the configuration options they provide.
from lite-youtube-embed.
If enhanced privacy is used for the embed (nocookie on the URL) it shows the copy link button.
TBH, I never realized the Copy Link thing was added in the nocookie case. That's a downside... hmm.
We could add an option to NOT use nocookie. And then folks can make that choice.
from lite-youtube-embed.
Ok, So we have to work with either copy link or other buttons .
Is there any way to identify if any of the video is playing on the page ? so that I can close my menu bar buttons by getting this info.
from lite-youtube-embed.
https://developers.google.com/youtube/iframe_api_reference
Yes, the embed API is available to tell those kinds of things.
As far as option to opt-out of enhanced privacy, it won't solve the root issue. As "Copy LInk" is just replaced with "Share" and another button. Copy Link is in place of "Share" since sharing goes through Google's system attached to your account. Copy Link is not tied to the account, it just puts the link in the clipboard for you to share as you desire.
I think it's valid to say that should be configurable. Some content is only visible if subscribed now, among other paywalls. If those are able to be embedded then the account link is required so our default isn't usable. Default should remain our current, privacy-focused, approach and an attribute should opt an embed into reduced privacy.
I'll file a new issue for that addition since it isn't related to this core solution.
from lite-youtube-embed.
Thanks Garbee , but identifying a video is playing on webpage is also possible for this package (LiteYouTubeEmbed) ?
from lite-youtube-embed.
Yes, it's the same API. There is no Shadow DOM here, you have full access to the iframe to call the API on it.
from lite-youtube-embed.
@Garbee, I have tried to do that but that was so confusing for me to identify for my all videos. so I was thinking to use onClick event on my each video and tried to do that also. but didn't got any success my function got triggered when my video page is loaded and I was supposed to do it when my particular video is clicked. Can you please help me out in this ?
from lite-youtube-embed.
Related Issues (20)
- Types: Property 'ready' does not exist on type 'typeof YT'. HOT 1
- Failed to execute 'postMessage' HOT 2
- Type declarations
- On mobile, double click is neccesary HOT 8
- Display a title on the video thumbnail HOT 2
- Graceful degradation if YT API breaks
- NPM version is outdated HOT 1
- Custom Width and Height for Youtube shorts HOT 6
- Will it be counted as views on YouTube? HOT 2
- sometime no image loaded HOT 1
- does not work on mobile HOT 2
- Early click on Progressively Enhanced version directs user to youtube.com HOT 1
- A11Y: Why `a.lty-playbtn` instead of `button`? HOT 2
- Start and end params not working when using js-api
- I am using lite youtube embed and I want to get onStateChange player.getPlayerState():
- How can we keep the lower quality preview?
- Could we get a more noob friendly guide for Pro-usage? 😇
- Deprecated navigator.vendor HOT 1
- v0.3.2 Release HOT 1
- Yield on LiteYTEmbed click listener to reduce INP impact HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from lite-youtube-embed.