Questions tagged [youtube-iframe-api]
The IFrame player API lets you embed a YouTube video player on your website and control the player using JavaScript.
812
questions
0
votes
0
answers
9
views
YouTube: Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('<URL>') does not match the recipient window's origin ('<URL>')
I have implemented a page with tabs that load YT videos, using the YT iframe API.
For about 60%-70% of the videos (out of a total of about 150 videos), I get: Failed to execute 'postMessage' on '...
0
votes
0
answers
31
views
How can I remove the "ytp-mobile-a11y-hidden-seek-button" div to use the YouTube embedded API on mobile web?
I'm using YouTube Embedded api to display YouTube players on the mobile web, but if I try to import embedded videos of private or non-playable videos during embedded, I get a div with the class "...
1
vote
1
answer
56
views
Why are some YouTube videos uploaded to a WebView using the IFrame Player API and others cannot?
I have two video
1 - enter link description here
2 - enter link description here
When I include and add them to my Android app using WebView and IFrame Player API:
The first video works fine without ...
0
votes
0
answers
16
views
Is there way to change audio language in youtube iframe api?
Is there parameter for change audio language?
I want change audio Langauge like cc_lang_pref = "ko"
but there are no parameter name like audio_lang_pref.
Is there way to change audio ...
0
votes
0
answers
66
views
Embed recent YT video (not a short, video)
I'm kind of new to website coding and stuff, but anyways I have a Youtube embed link = https://www.youtube.com/embed/videoseries?list=channel_id
and I already know how to use it with iframe, but my ...
1
vote
1
answer
263
views
How to use youtube embed api in svelte
How do i use the js code from https://developers.google.com/youtube/iframe_api_reference in svelte? Running the code in a script tag like their snippet seems to behave differently to running it in ...
0
votes
0
answers
42
views
Playing a video using the IFrame API on a ARMv7-based Android device, causes high quality videos to lag and show green artifacts on the video
The code below shows a simple Android app that utilizes the Youtube IFrame API to play a specific video link.
class MainActivity : AppCompatActivity() {
override fun onCreate(...
1
vote
0
answers
47
views
How to stop autoplay if autoplay switch is false in Youtube iFrame API
I tried various solutions like setting autoplay to 0
Adding logic to YT.PlayerState.ENDED:
Changing logic for onPlayerReady()
But still nothing works. It still autoplays. Can anyone help me.
var ...
0
votes
0
answers
31
views
YouTube iframe player API - OnStateChange not firing on google chrome
I've an issue with the onStateChange event of the YouTube iframe player API. This event is not firing.
I saw YouTube iframe player API - OnStateChange not firing and tried everything described in the ...
0
votes
0
answers
16
views
How to capture mouse drag events in YouTube 360 videos using JavaScript
Is there a way to capture the event when navigating the screen by dragging on a YouTube 360 video?
I would like to obtain the x, y, and z coordinates of the video's current viewing direction.
It ...
1
vote
0
answers
23
views
How can I adjust the height of a Vimeo or YouTube video to match the height of the container?
This is my code:
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
img {
display: flex;
}
.gallery-container {
position: relative;
width: 100%;
height: 90vh;
background-color: ...
2
votes
2
answers
1k
views
How to implement YouTube IFrame Player API in Android using kotlin and jetpack compose?
YouTube Android Player API SDK has been fully deprecated. It is no longer supported or maintained by YouTube. So need to implement YouTube IFrame Player API in Android.
When play an YouTube video &...
-1
votes
1
answer
43
views
Why I can not show some youtube url in laravel 8 app? [duplicate]
I need to show youtube url in laravel 8 app. I found branch Overcoming "Display forbidden by X-Frame-Options"
and using it I made in my blade file :
I got this https://www.youtube.com/watch?...
0
votes
1
answer
188
views
Policies in using Youtube Iframe API in react native application
Is it legal to use YouTube videos as iframes in my React Native application?
I am developing a React Native application that has a large user base and generates revenue. I would like to use YouTube ...
0
votes
0
answers
58
views
YouTube IFrame API for Android, settings layout with long names doesn't fit
I'm trying to integrate the YpuTube IFrame player into my webview-based application. The player itself is included, but if you open the settings section and select subtitles with a long title, they ...
0
votes
1
answer
101
views
How to format a user-provided YouTube URL for iFrame embedding using JavaScript?
I have a website, and I want to allow users to input a YouTube link for a playlist/video into a field, press a button, and have an iFrame popup playing the linked content. I'm fetching the link with ...
0
votes
0
answers
65
views
Trying to get YouTube API iFrame to reinitialize when there are multiple YT videos on one page. State remains the same making it difficult to track
YouTube Video API (iFrame) trying to reinitialize with more than 1 youtube video on page. Adobe Analytics
Here is the snippet I am using that was provided to me:
/*Video Code Block 1 of 2: Append ...
0
votes
0
answers
27
views
Can you stop mouse events on specific location in youtube iframe?
I need to stop all pointer events in youtube iframe and enable only the clicking on the setting s button, is there is a way or workaround to do so?
my approch was to do this :
pointer-events: none;
...
0
votes
0
answers
24
views
CC Button is not visible by default in some devices in Portrait mode
We have correctly embedded YT Player using IFrame but on some devices the CC button is not visible when the video is running in portrait mode. However, it appears when we switch to Landscape mode.
...
0
votes
0
answers
536
views
YouTube Internal API (InnerTube) has not been used in project
I was playing youtube video on my application using youtubei api. One day videos got very slow. I figured api key [AIzaSyAO_FJ2SlqU8Q4STEHLGCilw_Y9_11qcW8] was overused. I tried to replace it with my ...
1
vote
1
answer
184
views
Does anyone know how Khan Academy hides the YouTube video title bar for an embedded video using the YouTube Iframe API?
I'm developing a project in Angular 15 and I would like to hide the title of the YouTube video using the YouTube player.
I have already read the documentation and know that the "showinfo" ...
0
votes
0
answers
73
views
YouTube iframe embed does not show controls when controls=1
This is what my iframe looks like:
<iframe title="Youtube video player" src="https://www.youtube.com/embed/3gl8S1erh04?autoplay=1&mute=1&loop=1&modestbranding=...
0
votes
1
answer
105
views
Video iFrames not displaying on Vercel
I have a raw HTML project, deployed to Vercel with a few videos embedded in one of the pages.
Nothing fancy just:
<div class="size_fixed grpelem" id="u3332">
<iframe ...
0
votes
1
answer
80
views
Youtube Iframe api, visual and sound do not go together in video
I have an activity which has list of video thumbnail. When I click on the video thumbnail I create this fragment in the middle of the screen. I am sending the video id to fragment. When the fragment ...
0
votes
0
answers
261
views
How to remove/hide next and previous button in iframe youtube in Android
I have tried this code and i want to remove or disable these next and previous video button from iframe youtube for android. I am using android java code for implementing the iframe youtube. I found ...
0
votes
1
answer
402
views
youtube api embed with rel=0
I understand that the ?rel=0 does not remove recommended videos any more. Instead, it only shows videos from the same channel. But how do I append the ?rel=0 to an embedded URL?
I have the following ...
0
votes
0
answers
78
views
Embed YouTube video with access token
I need to embed a private video in a Web App.
I already generated an access token to see the video through a direct URL (like https://www.youtube.com/watch?v=<video_id>&access_token=<...
0
votes
0
answers
72
views
How to resize iframe when the parent is a html file but the child is an react app
How to resize iframe when the parent is a html file but the child is a react app, and they do not share the same origin. Could someone provide the corresponding code? Thanks in advance.
I tried almost ...
2
votes
0
answers
244
views
Youtube IFrame Player API - How to load suggested videos in same iframe
I have implemented a youtube player using javascript IFrame Player API. In this, I can able to play video but after the video finishes it shows the recommended videos list while clicking that it ...
4
votes
0
answers
610
views
Flutter Web (3.7.5) - Height/Width of Platform View Type - youtube_player_iframe
I have been using the youtube_player_iframe package for my web project, and have been trying to understand and fix the below:
Height of Platform View type: [youtube-0] may not be set. Defaulting to `...
0
votes
0
answers
29
views
about working condition on YoutubeiFrameAPI on February 20th
Around 11:00UTC on February 20th, on youtube Did you have any problems?
In my service, I use youtube”player.getPlayerState():Number”API to get the status that the video has ended, and after the video ...
0
votes
1
answer
108
views
YouTube embed not tracking views
A client of mine has just launched a Youtube channel. The majority of their users are expected to watch via an on-site video embed since that's where all their marketing comms are sending them. The ...
0
votes
0
answers
330
views
Youtube Iframe Api - cors error from google ads when setting autoplay to 0
I have an issue when using the Youtube Iframe API,
when i try to set autoplay to 0, and then call the playVideo function from the js api, i a have cors error from google ads.
Access to XMLHttpRequest ...
0
votes
1
answer
131
views
How to display HD Youtube Playlist Videos with CefSharp in WPF window
I have these problem for quite some time now. At first I thought it requieres some time until youtube videos HD quality is available, but is already 2 weeks since that and nothing had change.
I have 2 ...
1
vote
2
answers
165
views
my code for youtube embeded in multiple iframes is not working . I want youtube video must play when I hover over it and pause when hover out
I want youtube video embeded in multiple iframes on pageload to be played when my mouse hover over it and pause when hover out. My below code works, but on pageload i have to click somewhere on the ...
0
votes
0
answers
67
views
react-native-youtube-iframe (framework) is authorized for youtube?
Is it safe to use it at my job in company? My boss said that his friend took block on all videos on the site because he was using unauthorized resources to play them and took a huge damage...
I have ...
2
votes
1
answer
307
views
Undocumented DEVICE_INFO cookie being dropped for iframe-embedded videos
After embedding any YouTube video via iframe, the devtools Application tab shows a DEVICE_INFO cookie being dropped, but I could not find any documentation on what that cookie is being used for.
I've ...
0
votes
0
answers
28
views
how to change the css of a child of an iframe using the youtube iframe api
I need to hide the youtube annotations, but what they say in the youtube iframe api, what would it be, rel=0, does not work
.ytp-show-cards-title {display: none !important}
0
votes
0
answers
34
views
YouTube iframe player API body element has slightly different dimensions than iframe element
TLDR - The dimensions of the body element in the iframe element for the youtube iframe player api isn't the same exact dimensions as the iframe element which is causing a wrapping div's background to ...
0
votes
0
answers
87
views
how to get youtube url from iframe api and parameters...... used javascript
srript used is somewhat looks like this question
How to register one of two possible event handlers with onYoutubeiframeAPIReady event on WordPress site
some images of code i could see
enter image ...
0
votes
0
answers
501
views
How to make Youtube video in iframe full screen on Android device?
I'm trying to attach a Youtube video from a web page to an iframe.
If I add the 'allowfullscreen' option to the iframe and press the Youtube full screen button within the flutter app, I have confirmed ...
4
votes
0
answers
127
views
What format is the data in the clipt parameter?
I am trying to programatically generate YouTube embed URLs using standard YouTube URLs. I'm having trouble generating embed URLs for Clips. The clipt parameter is not listed in Google's documentation ...
0
votes
0
answers
78
views
How to embed Youtube live chat whitin github pages
I was trying using embed iframe but it actually doesn't work, maybe it is a problem with github pages because it is not in a custom domain.
<iframe width=”350px” height=”500px” src=”https://www....
1
vote
1
answer
396
views
How to Lazy load webView in react native?
I have Implemented using React.lazy and Suspense in react-native but it seems it does not working with react-native.
I had followed This Youtube Video
Basicaly I want to embed Youtube Player in ...
-1
votes
1
answer
262
views
How can I make a YouTube embed iframe act like part of the html body for mouse coordinates?
I'm trying to make a mouse trailer for my site, but when hovering over a YouTube iframe the trailer does not follow it into the iframe area. (I'm using js to extract the x and y coordinates of the ...
0
votes
0
answers
28
views
HI! Can Some help me about it? I want to make an Iframe Player in which i want to add 5 videos that should be play with perticular video click. Thanks
Here is the ifrmae code I am using
<iframe height="500" src="https://www.youtube.com/watch?v=XEzmTcZBpcA" width="100%"> </iframe>
Video 1- https://www....
1
vote
2
answers
380
views
How do I embed a YouTube video in HTML5 with no errors?
I'm trying to embed some YouTube videos for a portfolio site. I'm using the embed code given by YouTube itself under one of my videos. But when I use it, I get the "Video Unavailable" error ...
1
vote
1
answer
534
views
Can't get embedded videos to play in Chrome even though allow=autoplay has been exposed in the iframe chain
We are having a problem getting videos to play in a multi-nested iframe application. We're fully aware of the Chrome autoplay policies detailed at:
https://developer.chrome.com/blog/autoplay/
This ...
0
votes
0
answers
573
views
iframe giving cross origin error with youtube src
I have an Reactjs nextjs app setup with an iframe src here:
<iframe
width="100%"
height="100%"
src={"https://www.youtube.com/...
0
votes
1
answer
397
views
Youtube IFRAMEAPI on vue js cant send play.playvideo()
so im trying to intregrate youtube iframe api with vuej currently stuck trying to send player.stopVideo() , player.startVideo() , and player.pauseVideo() on watch function so all viewer get synced ...