?playsinline=0 does not work on Android #976
Replies: 17 comments
-
|
@MyTestApp8200 Does this work for you? |
Beta Was this translation helpful? Give feedback.
-
|
Thanks. But it works for iPhones(iOS) and not Android. Can you help ? |
Beta Was this translation helpful? Give feedback.
-
|
@MyTestApp8200 what is your device/browser? |
Beta Was this translation helpful? Give feedback.
-
|
It does not work in any of the android phones with chrome browser. I've check in the latest 3 versions i.e. Lollipop, Marshmallow & Nougat. |
Beta Was this translation helpful? Give feedback.
-
|
This should be resolved in our latest player release. |
Beta Was this translation helpful? Give feedback.
-
|
Hi luwes, the videos are not opening in fullscreen on android. Can you please check. ` <script src="https://player.vimeo.com/api/player.js"></script> <script> var options = { id: url, width: 640, loop: true, playsinline: false }; var player = new Vimeo.Player('made-in-ny', options);` I get the following warning on the console: [Deprecation] 'HTMLVideoElement.webkitDisplayingFullscreen' is deprecated. Please use 'Document.fullscreenElement' instead. |
Beta Was this translation helpful? Give feedback.
-
|
Hello, this issue shouldn't be closed, it's still not working on Android, player.js v2.10.1 (latest) |
Beta Was this translation helpful? Give feedback.
-
|
reopen this please, there is still issues with android |
Beta Was this translation helpful? Give feedback.
-
|
Thanks for the feedback everyone, reopening this. |
Beta Was this translation helpful? Give feedback.
-
|
what is the user-agent of these Android devices? on my end in Browserstack on a Galaxy S8 / Android 7, https://player.vimeo.com/api/demo?playsinline=0 |
Beta Was this translation helpful? Give feedback.
-
|
cc @phoenix-appscore, @samuelpeixoto, @chrisg88, @verbeeksteven, @shaunsantacruz |
Beta Was this translation helpful? Give feedback.
-
Hm, that's odd. Perhaps I jumped the gun a bit. I'm using player.js in an embedded WebView in a React-Native app. I've tested on Galaxy S10, Pixel 3A, Pixel 3 XL all with Android 10. |
Beta Was this translation helpful? Give feedback.
-
|
@derrikfleming so the Android devices all play inline on your end with they don't open fullscreen when hitting play? |
Beta Was this translation helpful? Give feedback.
-
|
@luwes that's correct, just like if the query wasn't there, they play inline when hitting play. |
Beta Was this translation helpful? Give feedback.
-
|
We are still having this issue. @luwes @derrikfleming anyone know if a fix is out or a workaround? |
Beta Was this translation helpful? Give feedback.
-
|
@raleytom I would recommend this: |
Beta Was this translation helpful? Give feedback.
-
|
I faced the same issue in an embedded web view on Flutter. I have solved it by adding a manual call to <html>
<head>
<style>
body {
background-color: lightgray;
margin: 0px;
}
</style>
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0">
<meta
http-equiv="Content-Security-Policy"
content="default-src * gap:; script-src * 'unsafe-inline' 'unsafe-eval'; connect-src *;
img-src * data: blob: android-webview-video-poster:; style-src * 'unsafe-inline';">
</head>
<body>
<iframe
src="https://player.vimeo.com/video/$videoId"
width="100%" height="100%" frameborder="0"
allowFullScreen>
</iframe>
</body>
<script src="https://player.vimeo.com/api/player.js"></script>
<script>
var userAgent = navigator.userAgent || navigator.vendor || window.opera;
if(/android/i.test(userAgent)) {
const iframe = document.querySelector('iframe');
const player = new Vimeo.Player(iframe);
player.on('play', function() {
player.requestFullscreen().then(function() {
// the player entered fullscreen
}).catch(function(error) {
// an error occurreds
});
});
player.on('fullscreenchange', function(event) {
if(!event.fullscreen) {
player.pause();
}
});
}
</script>
</html> |
Beta Was this translation helpful? Give feedback.
-
Expected Behavior
<iframe src="vimeo url" playsinline="false" allowfullscreen> plays video inline As playsinline is set false, the video must open in fullscreen.Actual Behavior
The video does not play in fullscreen, instead plays inline.
<title> Vimeo Video Test</title> <script src="https://player.vimeo.com/api/player.js"></script>`
Vimeo Video
Beta Was this translation helpful? Give feedback.
All reactions