my colleauge and I created a website for a customer last month with several Youtube videos.
http://www.doepfner.de/filme.html
It worked very well and the customer was happy. Then I was 2 weeks on vacation. Now the design of the player has changed slightly. Biggest problem: the full screen button vanished. I tried to use the fs parameter to force it but nothing happend.
Can somebody tell me if it is possible to get the full screen button back or the other design?
This is most likely caused by you getting the HTML5 video player over Flash. This could have happened a couple ways. The most likely is you don't have Flash installed(or didn't at one point) and were opted into an experiment. You can opt out of the HTML5 experiment by going to http://www.youtube.com/html5. This will only effect your browser and not your users, but my guess is they're not having the same issues(assuming they have flash installed).
The other option is a bit of a hack(sort of). If you add webkitallowfullscreen and mozallowfullscreen as attributes to the iframe. This will allow the js fullscreen api to work in Firefox and Chrome. This api is not yet a finalized standard but should be soon.
Related
I was surfing on youtube and I realized something.
When I hover mouse on a video, then the url will be changed.
Interestingly, this happens in some browsers.What's the matter? Why does string start with &? https://www.youtube.com/?&ab_channel=NASA
What is the benefit to change the URL?
Interestingly, this happens in some browsers.
Different browser different support, a what you see is what you get is a standard we all want and must write our scripts specific to each browser if a feature requires it. In this case the new feature may not be widely supported or their coding wasn't compliant enough to give you this exact result each browser.
What's the matter?
No problem here, the URL is a tiny-bit broken but won't impact site performance unless you happen to error out the server and crash the entire network.
Why does string start with ?& https://www.youtube.com/?&ab_channel=NASA
What is the benefit to change the URL?
A URL alone has no parameters passed to it, so youtube.com. When a parameter is passed through the site on its HTTPS request will check these and determine what it is you want. So the response will return NASA cause ab_channel included it.
Because ? has nothing after it like ?video=asd89sa982 it's treated as undefined and serves no value or importance.
YouTube can fix it if they desire with script adjustment.
the URLs works in a way that when the site has started or reloaded, It's going to check for any element that has a href which has a link that has either https://www.youtube.com/watch?v= or https://youtu.be/ basically a YouTube video and then save those links, when one of them i hovered over, It's tell which. This works fine but one downside that I'm currently facing is that new links that are added in after the site has already started or reloaded won't be counted and therefore when I hover them it won't show the links, I'm reffering to comments; for-example if I make a comment that has a link to a video, after i post that comments and hover over that link I posted, It won't show the link. I could make a function which reloads every like 5 seconds but this doesn't seem to be a good idea. Plus what I'm actually working on, realoding every time won't be good.
As Google Tag Manager released the new update for built in variables for Youtube, I followed this tutorial of Simo Ahava for Youtube tracking: https://www.simoahava.com/analytics/the-youtube-video-trigger-in-google-tag-manager/
However, when I test my website in Preview mode, there is no gtm.video data layer. Because of that, there is no tag firing.
Any help will be appreciated, and if you believe my website has this video embedded code hidden, here is my page with video: https://www.magestore.com/magento-store-manager
Thank you!
Edited: Even if there is no gtm.video in Preview Mode, the tag actually still fires. You can check it in Real time mode of GA or wait until GA collects enough data.
We are having an issue with this functionality as well. We followed Simo's blog to implement and as of yesterday the functionality has become very unstable. We maybe have the tag firing 1 out of 20 page loads. We have tried loading the iframe_api as the first script. We have changed the ordering of the scripts. Something seems wrong with the code from Google.
I should also add that's it's not just the gtm.preview but if you publish the changes you will not see gtm.video firing with any regularity.
We think that GTM and YT API don't work well together - as per this post.
Google Tag Manager & Youtube Conflict
Is anybody else having issues with the YouTube APIs at the moment? About 2.5hrs ago I had reports from two different clients that their playback on sites had stopped working. They all appear to be functioning correctly on the website side of things but the returned YT.player object has no playVideo() method and never fires onReady. No code has changed on either of these things for months.
A URL you can view the problem on is here (though the scripts are minified) - http://brisbanepowerhouse.org/videos/the-removalists-david-williamson-interview/
You could also try the first video on this page (unminified) - http://thenewdaily.com.au/videos/?author_name=susannah-guthrie - but it is pretty regularly updated with content and there is no guarantee that it will still be a YouTube video at #1 by the time someone looks (the site also uses Vimeo embeds)
cheers!
I've got a site I built about 5 years ago which includes video. At the time, we decided that YouTube wasn't accesible enough so went with JW Player. All of their content is now Flash video, and we're looking to make it work on iOS etc.
An easy solution would be to move everything to YouTube (and that would have the advantage of more visibility online), so I'm wondering: how accessible is an embedded YouTube video these days? Is the new HTML5 iframe embed more or less accessible? I can find lots of posts from a few years back saying how unaccessible it is, but not much from the last few years. On this site there won't be any CC - there's a separate transcript available - so it really just needs to be controllable on a basic level via keyboard/screen reader.
Thanks for any help!
iframe is fairly accessible, although youtube docs aren't very informative. if you want to go down the rabbit hole, you can read these emails: http://lists.w3.org/Archives/Public/w3c-wai-ig/2012JanMar/0234.html
iframe embed spec details here: http://static.googleusercontent.com/external_content/untrusted_dlcp/www.google.com/en/us/events/io/2011/static/presofiles/youtube_iframe_player_the_future_of_embedding.pdf
more details: http://polylearnsupport.calpoly.edu/About/YouTubeAccessibility.html
there is still the keyboard problem with flash, although if the users is in a browser that supports html5, that's not a problem anymore. actually, i think the user has to opt-in for html5. or you can roll your own: http://icant.co.uk/easy-youtube/docs/index.html
seems like its fairly good, and is a viable option. of course, you could always upload a video and test it yourself.
Probably not very good, but here's an older review from 2011 - http://terrillthompson.com/blog/44 - not sure how much has changed.
The iframe is just one piece of the challenge.
I have a page that has many videos on it and the page has become so slow it is unusable. These are all Youtube videos and I changed to the new iFrame tags hoping that would help the loading. I need a solution to make this page more useable.
I would be happy if I could just pull a frame from the video and display that, when clicked it would load the video. Or I would be happy with a multi-video player. The custom play from Youtube will not work because the videos I am serving are not all from my account and as I understand the custom player you reference a group from your account. I have also considered using AJAX to load the iframe, which would be okay too if I could figure out how to get a thumbnail of the video to show as a link.
Ideas and suggestions are welcome. Thanks in advance for any ideas.
YouTube API is made up of 2 different sets - one for the player and one for the data.
You can start here ...
http://code.google.com/apis/youtube/overview.html
... then click on "Data API" link and after looking over that page, click on the "Reference Guide" link.
In essence, the gData API will allow you to get videos in numerous ways (feeds, channels, tops, etc) in chunks of up to 100 videos at a time, using a startIndex (or whatever it may be called) option for paging. What you get is an XML document with parts or everything that YT has about a video, including not one but several different thumbnail images.
HTH helps you and/or another Web 0.2 Fellow (like me)