THE EXAMPLES BELOW OF USING THE YOUTUBE API ARE FROM SMC-3-6-3 (MEANING TOPIC 3 OF SMC-3-6):

Example 1: Below is a youtube video with the address of eKHfuWIvxzU (meaning youtube.com/embed/eKHfuWIvxzU ). The code is below the video

<iframe src="https://www.youtube.com/embed/eKHfuWIv”></iframe>

Example 2: Below is the same video with a larger size. The code is below the video

<iframe width="640" height="360" src="https://www.youtube.com/embed/eKHfuWIvxzU"></iframe>

Example 3: Below is the same video with a larger size that starts at 15 seconds into the video after the user presses play. The code is below the video

<iframe width="640" height="360" src="https://www.youtube.com/embed/eKHfuWIvxzU?start=15"></iframe>

Example 4: Below is the same video with a larger size that starts at 15 seconds into the video after the user presses play and stops playing at 18 seconds. The code is below the video

<iframe width="640" height="360" src="https://www.youtube.com/embed/eKHfuWIvxzU?start=15&end=18"></iframe>

Example 5: Below is the same video with a larger size that starts at 15 seconds into the video after the user presses play and stops playing at 18 seconds. The progress bar is white and not red. The code is below the video

<iframe width="640" height="360" src="https://www.youtube.com/embed/eKHfuWIvxzU?start=15&end=18&color=white"></iframe>

Example 6: Below is the same video with a larger size that starts at 15 seconds into the video after the user presses play and stops playing at 18 seconds. The progress bar is white and not red. Also, the user can’t see the controls. The code is below the video

<iframe width="640" height="360" src="https://www.youtube.com/embed/eKHfuWIvxzU?start=15&end=18&color=white&controls=0”></iframe>

Example 7: Below is the same video with a larger size that starts at 15 seconds into the video after the user presses play and stops playing at 18 seconds. The progress bar is white and not red. Also, the user can’t see the controls and autoplay is on. The code is below the video

<iframe allow="autoplay" width="640" height="360" src="https://www.youtube.com/embed/eKHfuWIvxzU?start=15&end=18&color=white&controls=0&autoplay=1"></iframe>

Example 8: Below is the same video with a larger size that autoplays and loops without the user seeing the controls. The code is below the video

<iframe allow="autoplay" width="640" height="360" src="https://www.youtube.com/embed/eKHfuWIvxzU?playlist=eKHfuWIvxzU&loop=1&controls=0&autoplay=1"></iframe>

For mobile, I set "@media" width: 100% and height: auto :)