Incorrect explanation in workshop build-a-video-display-using-iframe

[tkunanuntakij]

The explanation for allowing gyroscope in step 6 is incorrect. It describes picture-in-picture. Since the solution and subsequent steps actually use gyroscope, the text should be updated to explain gyroscope instead.

Step 6
Add encrypted-media, gyroscope, and web-share to the existing values in the allow attribute.

These three will allow the use of encrypted media extensions to protect the video, <let the iframe pop out into picture-in-picture mode when needed>, and allow sharing the iframe content through the device's native share dialogs.

Link: https://www.freecodecamp.org/learn/responsive-web-design-v9/workshop-build-a-video-display-using-iframe/step-6

[tkunanuntakij]

I'm sorry for opening a pull request before the issue was triaged. This is my first PR for freeCodeCamp.

I think possible solution for this could be:

Keep gyroscope and correct the explanation

1. Update the text to accurately describe what the permission does:

These three will allow the use of encrypted media extensions to protect the video, grant access to the device’s motion and orientation sensors, and allow sharing the iframe content through the device’s native share dialogs.

2. Change gyroscope to picture-in-picture

Since the current explanation refers to Picture-in-Picture functionality, another option is to replace gyroscope with picture-in-picture for consistency with the video-related context. However, this change would require updating the follow-up steps and solution code accordingly.

[jdwilkin4]

We will go with option 1

These three will allow the use of encrypted media extensions to protect the video, grant access to the device’s motion and orientation sensors, and allow sharing the iframe content through the device’s native share dialogs.