I have an embedded youtube video that has been working successfully for years, however recently a message is displayed by default "Full Screen is not Available" with a link to "Learn More". This message covers a portion of the video.
Can anyone tell me how to stop this message appearing. This is a recent development.
Here is a fiddle that shows to problem https://jsfiddle.net/Lg1x7662/
<div>
This is an iframe with the video
Related
I'm using Revolution Slider in WordPress and I'm running into an issue where on mobile devices, I cannot unmute YouTube videos. I have videos in the slider to be muted on load in and to autoplay. I have interaction and controls both allowed. However, when I try to click the unmute button on the screen, it simply pauses/plays the video. I'm not sure if the pause/play button that appears somehow overlaps and the YT controls are underneath or something. It actually doesn't look like the controls generated from YouTube but instead the RS native controls. I tried turning controls and interaction both off but unsurprisingly, this causes absolutely zero action to happen when you click/press on the video, not even pause/play it.
You can view the issue in action at http://www.hagentertainment.com. The slide in issue is slide #2 out of 3.
Being an issue related to mobile and iframes makes it relatively difficult to diagnose with 100% efficacy. I used Browerstack to open a connection on a Galaxy S20 and noticed the issue as you described.
Using the Dev Tools, I was able to get it to allow the mute button to be clicked by changing the &enablejsapi=1 to &enablejsapi=0. You can see in this screenshot below that after doing that, it allowed it to be clicked. You also have a JavaScript parse error showing in the console - that could potentially be preventing a JS API controller (built into Revolution Slider?) from functioning correctly.
So it looks like your options (for the moment) are to fix that JS error and see if it works, or disable the JS API in the url of the videos
When i open safari in app browser and try to print a page hosted on firebase with ionic 4 pwa, i get a pdf with the content page but for somehow it is really small (like device screen size) and other pages like google etc. i get the page normal size on pdf, does any one know how can i print the page on normal size? if you need some code of the pwa or the application please let me know.
the pwa page is https://pwannova.firebaseapp.com/home
and i use the following command to print on the button "link":
'''window.print()'''
if i access this site from a computer works fine:enter image description here but in mobile device don't, if you see the black line will understand what I mean: enter image description here
I'm experiencing a weird problem with youtube iframe embedding.
A button triggers a lightbox with an iframe but, especially on iOS Safari (but not only), it only shows a black screen.
Iframe is correctly rendered in DOM but nothing happens.
If I load the iframe URL directly and then go back and click again the button, the iframe shows fine.
You can reproduce that on http://stage2.certilogo.com/ and scroll down to any "watch video" button.
The app is made with Ember and the lightbox is managed by Liquid-Fire.
I have no clues...
For some odd reason when I create content that has a image field, after upload the "blue progress wheel" spins but no preview of image appears. This was a bump in the road, but I just hit save every time I uploaded a image and edited content and the image showed.
Screen show of progress wheel but no image loading:
HOWEVER, now if I go to Views and show images from images fields, they will not show in view block preview. Screenshot:
Also this issues of not seeing anything load after I edit my Content Type Displays:
I'm using Drupal 7.28 core. Is there a way to see why this is happening (error log?)
Yes, if this is happening due to a PHP error, you will get the log at "Administrator=>Reports=>Recent log messages".
/admin/reports/dblog
I've done several hours of troubleshooting, and a couple more searching for an answer, couldn't find any, although found some other people with the same problem.
The problem is that when I try and load the page ( http://reinbeerclub.com/ ) on a mobile device (tried android and iphone) the play button goes to the left upper corner and it stops working. so when pressed it doesn't play the video.
i am using the yootheme digit theme wich is based on uikit on a wordpress site, and the MediaElement.js built in.
the code I am using to display the video is:
<video poster="/wp-content/uploads/video.gif" controls class="uk-responsive-width">
<source type="video/youtube" src="http://www.youtube.com/watch?v=tQE919Uc0E0" />
</video>
(basic HTML5) but I can't get it to work on mobile devices.. can anyone help?
Here is a screenshot