How to embed a third-party app video on your page
Over and above ShinePages Video Hosting - you can add videos from a third-party by simply adding a bit of code
ShinePages Support
Last Update 3 days ago
OPTION 1:
Grab the "Video" Widget under the Widgets Menu (the second icon down on the left-hand side with a Plus Sign (+) is the Widgets Menu) and drag it onto the page where you would like.
Then grab the "embed code" from your video hosting platform (Vimeo, YouTube, Muse.ai, etc.) and paste it into the "Video Source" field.
Note: You can also copy and paste the "share link" vs. the "embed code" if your video is hosted on YouTube.
Please see this article with more info on the Video Widget


OPTION 2:
If the video widget is not uploading your video correctly - you can try the "Code or Embed" Widget instead. Drag the widgets onto the page and paste in the "embed code" snippet that you can grab from your video hosting platform. You will paste this into the "black box" area that will pop up once you add the Code widget to the page.
Set the widget settings using the gear icon in the widget's menu.
Please see this article with more info on the Code and Embed Code Widgets

A NOTE ABOUT AUTO-PLAY ON VIDEOS:
Recently - most browsers have limited (or completely stopped) the ability to "auto-play" videos with sound embedded onto websites. You CAN embed and "auto-play" videos as the "background" of a Block - however they will not work if the volume is above 0 for these "background" videos.
Videos embedded on your page via a video widget will not "auto-play" when using the standard YouTube "share code". It is not considered good web-design practice to "auto-play" videos with sound on your site as a general rule.
However if you wish, you CAN set videos to auto-play by using the Code widget instead of the Video widget and pasting an edited version of the code snippet below into that Code widget. Here's how:
Edit the following code with YOUR unique video ID (replace the XXXXXXXXX with YOUR video ID) and then PASTE this code snippet into the CODE widget you've dragged onto your page:
<iframe width="560" height="315" src="https://www.youtube.com/embed/XXXXXXXXX?si=lLbIC6GnZ1O7QALQ&autoplay=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
(Note - again - you will need to replace the XXXXXXX above with the numbers and letters that make up YOUR video's unique ID code before you paste this code into the Code widget. You can find this video ID number in the URL bar of your browser when watching the video on YouTube. See image below. In this example - I would replace the XXXXXXX in the code snippet above with the string of numbers after the "=" symbol in the URL - so the full string of numbers that looks like: G0xxxxzew would replace the XXXXXXXX numbers in the code snippet.)

A NOTE ABOUT YOUTUBE SHORTS
To find the embed code for YouTube "Shorts" (vertical format videos), right-click on the video itself to open a menu that includes "copy embed code". Paste that copied code into the Video (or Code or Embed) widget's settings.
