Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Can't add to Video (expo-av) on web an attribute: playsInline (very important on Safari)

See original GitHub issue

Summary

Video (expo-av) plays on Safari (web) full screen by default. And there is no way to add an important attribute playsInline. Please add it’s support.

Managed or bare workflow? If you have `ios/` or `android/` directories in your project, the answer is bare!

managed

What platform(s) does this occur on?

Web

SDK Version (managed workflow only)

Environment

Expo CLI 4.4.8 environment info: System: OS: Linux 5.8 Ubuntu 20.04.2 LTS (Focal Fossa) Shell: 5.0.17 - /bin/bash Binaries: Node: 16.2.0 - ~/.nvm/versions/node/v16.2.0/bin/node Yarn: 1.22.5 - /usr/bin/yarn npm: 7.18.1 - ~/.nvm/versions/node/v16.2.0/bin/npm npmPackages: expo: ^40.0.1 => 40.0.1 react: ^16.13.1 => 16.13.1 react-dom: ^16.13.1 => 16.13.1 react-native: ^0.63.2 => 0.63.2 react-native-web: ^0.13.18 => 0.13.18 Expo Workflow: managed

Reproducible demo or steps to reproduce from a blank project

I hope my issue is simple and clear, even without an example.

Issue Analytics

State:
Created 2 years ago
Reactions:3
Comments:5 (3 by maintainers)

Top GitHub Comments

1reaction

ApayRuscommented, Oct 5, 2021

@Aparus while this ticket was left unread by the devs, it landed into SDK 43 #13628

So this should be considered as fixed.

Thank you! i didn’t see this issue, that you referenced to. So cool. 😃

1reaction

hirbodcommented, Oct 5, 2021

@Aparus while this ticket was left unread by the devs, it landed into SDK 43 https://github.com/expo/expo/pull/13628

So this should be considered as fixed.

Top Results From Across the Web

HTML Video element, not working after iosSafari15 update

I can't get the tag to work on Safari Desktop, despite having no issues with every other browser. Workarounds here shouldn't be necessary....

Video - Expo Documentation

This page covers video-specific props and APIs. We encourage you to skim through this document to get basic video working, and then move...

Why `muted` attribute on video tag is ignored in React?

This is actually a known issue which has existed since 2016. The video will be muted correctly, but the property will not be...

Untitled

classList.add(t)}}get colWidthClass(){return this.columnWidth?`col-large-size_${this. ... return"Cannot parse the unexpected character ".concat(ue(e),".

Use read in Cypress With Examples | LambdaTest

Learn how to use read function in Cypress framework for your next JavaScript automation project with LambdaTest Automation Testing Advisor. The most ......