I think YouTube deployed an update last night which has broken responsive YouTube embeds. I found and added to this issue in the tracker, however the issue tracker as a whole doesn't seem to be in active use by Google. It's full of unmoderated spam and I've been back over a month and not a single issue had changed status or had an assignment.
Is there a way to submit a bug report that will actually be seen?
Is anyone else seeing this issue?
Has anyone found an easy fix? I'd prefer not have have to fix this with JS if I can avoid it.
If you're able use Bootstrap 4, you can use its iframe responsive (there's no issue with black borders):
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="..." allowfullscreen></iframe>
Full doc B4 responsive iframe
Related
I got an issue, I am not able to solve with all topics on stackoverflow and github.
I am placing certain Videos via Iframe into my page. Whatever I do, the Fullscreen-Button is greyed out. By clicking, I get the message "Fullscreen not available". Same happens with Vimeo Vids, where the Fullscreen button doesnt appear. Same happens on IOS, Mozilla, Android & Chrome.
I tried to solve it via all the commands, I found here. "allowfullscreen", "allowFullScreen", "allowFullScreen="True"" allowFullScreen='true' mozallowfullscreen webkitallowfullscreen allowFullScreen, ...
It seems, that my page itself prevents the fullscreen-mode. If I put my Iframe into clean HTML5-sheets outside my wordpress page, everything works perfectly.
My iframe:
<div class='youtube-container-100' allowFullScreen='true' mozallowfullscreen webkitallowfullscreen allowFullScreen>
<iframe src='https://www.youtube.com/embed/-mzrMWL5sYQ?rel=0&modestbranding=1' allowfullscreen></iframe></div>
Putting the iframe without the div doesnt change anything.
I created a testpage: https://my-sushiparty.de/testseite/
Thank you so much :-)
I tried to solve it via all the commands, I found here. "allowfullscreen", "allowFullScreen", "allowFullScreen="True"" allowFullScreen='true' mozallowfullscreen webkitallowfullscreen allowFullScreen, ...
It seems, that my page itself prevents the fullscreen-mode. If I put my Iframe into clean HTML5-sheets outside my wordpress page, everything works perfectly.
YouTube can disable fullscreen view on embedded videos. The "allowFullScreen" command used to work, but it was probably fixed recently.
I've also tried looking for a script that could re-enable the feature, but unfortunately it seems that the latest patch doesn't have a current workaround.
I have this odd issue that has been plaguing my site for a few months. The site runs on the Concrete5 CMS. The issue is the letter spacing before and after hyperlinks and bold text are being removed. If I go to edit the page, the spaces show up normal and everything looks nice. However as soon as I save the page, the letter spacing is back to nothing. The only workaround I worked up was adding additional spaces around links and bold text, so I would add a double space before and after to get it to look right on the webpage. I have no idea what's causing this issue. I've poked around with Firefox inspector tool, but I've had no luck in resolving this issue. If anyone has any pointers I would be grateful!
This page is a good example of the issue. https://www.dakotacollege.edu/admissions-financial-aid/apply-financial-aid
Edit: example of step 5 from this page
<div class="step-text">
<div class="steps"><div class="step-number">STEP 5<p> June-August</div></div>
<div class="step-text-inner">
<p>Students who have enrolled <strong>and have accepted</strong> financial aid for the upcoming semester will be allowed to charge books and supplies, up to the amount of any applicable excess aid, at the Dakota College at Bottineau Bookstore. </p>
</div>
</div>
</div>
Here's a video to help explain the issue
https://youtu.be/O8267jreR-U
Alright just another update, I looked at your suggestions and didn't see anything uncommented or changed. A user on the Concrete5 forums did mention the issue is also on the demo website for the Pixel 2 theme that my site uses. So it appears to be a theme issue. I tested this on my test server by removing the theme completely, issue is gone. I've reached out to the Theme creator to see if he has a fix. Here's a link to my request.
https://www.concrete5.org/marketplace/themes/pixel/support/spacing-issue-around-hyperlinks-and-bold-text
Isolated the issue! Your comment was a great clue! There's an HTML Minify option in the Pixel 2 theme options that was causing my issues!
I have been testing a site and I found a terrible bug in IE10.
Tour Monkey - Official site
App links are not recognized, but social ones are.
I haven't found anything good already, and the deadline is close. Thanks a lot for your help.
After giving a look I realized that I had to add some content in the a tag. In this case, an img tag.
Old HTML (working in all but IE):
<div class="app-link" id="appstore"><a class="app-link" href="https://itunes.apple.com/us/app/tour-monkey/id810107813?mt=8"></a></div>
New HTML
<div class="app-link" id="appstore"><a class="app-link" href="https://itunes.apple.com/us/app/tour-monkey/id810107813?mt=8" target="_self"><img src="img/appstore.png"></a></div>
I have an issue with a certain page in JQM that does not load when accessed by a link but will load. The page it is calling has some google chart libraries added which seem to be causing the non-loading issue. This problem can be sorted if ajax is disabled using the data-ajax="false" command.
Trouble is, when that link is then clicked on when we add the HTML5 as a native app on the iPad, it closes the app and opens safari to display the link.
How is this behavior disabled?
Code is below.
<div data-role="page" data-theme="a">
<div data-role="content" class="ui-grid-b my-breakpoint" align="center">
<div class="ui-block-a">
<img class="icons" border=0 alt="Storage Monitoring" src="Images/Fridge Icon.png">
</div>
Don't use data-ajax="false"... It will open in safari because without ajax it's the same as saying the link they click is external (rel="external"). What you need to do is figure out why it's not working without data-ajax="false".
I assume this has to do with one of the many common scripting errors seen with developers using JQM. Most people think they can use JQM with their current web development knowledge without reading the documentation, and this is a big mistake. Not necessarily saying you are, but it's all too common.
The first thing you need to do is post an example and tell us why it's not working. You also can't expect everything to magically work with JQM, are these charts supported? If not, you may have to tweak it to work properly.
recently I discovered issues with embedded youtube videos on my site - the fullscreen-button does not work anymore. It sure did once. The button is visible, but when clicked, nothing happens.
I'm using the Youtube Javascript API to embed videos in my website, much like this example by Google http://code.google.com/apis/ajax/playground/?exp=youtube#simple_embed
I use the fs=1-Parameter to enable the Fullscreen-Button.
If you wanna try this out, just append it to the URL-Parameters in the example and hit "Run Code". It even doesn't seem to work in the Google Code Playground! Is this a general problem or might there be some workaround? I tried this in Chrome, FF and Opera, it's all the same.
My site http://trashnet.de/youloop/?id=HCdkYRx63HM
Best regards :)
Ah, figured it out: you need to set allowFullScreen to 'true'.