nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Is it possible to add a video to the 'Splash' widget?

Anonymous User

Does anyone know if it's possible to embed a video within the 'Splash' widget in the WebApp Builder?

I tried the obvious, copying and pasting the iframe snippet from a YouTube Video into the html source of the content section when configuring the widget, but it won't accept it.

Doesn't necessarily have to be YouTube, although that is the obvious source. The intent would be to display a basic tutorial video that loads on startup.

Cheers,

-Paul

Trouver plus de publications taguées avec

Accepted answers

RobertScheitlin__GISP

Paul,

Adding the youtube video as an object works for me:

<SPAN class="token tag"><SPAN class="token tag"><SPAN class="punctuation token"><</SPAN>object</SPAN> <SPAN class="attr-name token">width</SPAN><SPAN class="attr-value token"><SPAN class="punctuation token">=</SPAN><SPAN class="punctuation token">"</SPAN>420<SPAN class="punctuation token">"</SPAN></SPAN> <SPAN class="attr-name token">height</SPAN><SPAN class="attr-value token"><SPAN class="punctuation token">=</SPAN><SPAN class="punctuation token">"</SPAN>315<SPAN class="punctuation token">"</SPAN></SPAN>
<SPAN class="attr-name token">data</SPAN><SPAN class="attr-value token"><SPAN class="punctuation token">=</SPAN><SPAN class="punctuation token">"</SPAN><A class="jive-link-external-small" href="https://community.esri.com/external-link.jspa?url=https%3A%2F%2Fwww.youtube.com%2Fembed%2FXGSy3_Czz8k" target="_blank">https://www.youtube.com/embed/XGSy3_Czz8k</A><SPAN class="punctuation token">"</SPAN></SPAN><SPAN class="punctuation token">></SPAN></SPAN>
<SPAN class="token tag"><SPAN class="token tag"><SPAN class="punctuation token"></</SPAN>object</SPAN><SPAN class="punctuation token">></SPAN></SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

All comments

RobertScheitlin__GISP

Paul,

Adding the youtube video as an object works for me:

<SPAN class="token tag"><SPAN class="token tag"><SPAN class="punctuation token"><</SPAN>object</SPAN> <SPAN class="attr-name token">width</SPAN><SPAN class="attr-value token"><SPAN class="punctuation token">=</SPAN><SPAN class="punctuation token">"</SPAN>420<SPAN class="punctuation token">"</SPAN></SPAN> <SPAN class="attr-name token">height</SPAN><SPAN class="attr-value token"><SPAN class="punctuation token">=</SPAN><SPAN class="punctuation token">"</SPAN>315<SPAN class="punctuation token">"</SPAN></SPAN>
<SPAN class="attr-name token">data</SPAN><SPAN class="attr-value token"><SPAN class="punctuation token">=</SPAN><SPAN class="punctuation token">"</SPAN><A class="jive-link-external-small" href="https://community.esri.com/external-link.jspa?url=https%3A%2F%2Fwww.youtube.com%2Fembed%2FXGSy3_Czz8k" target="_blank">https://www.youtube.com/embed/XGSy3_Czz8k</A><SPAN class="punctuation token">"</SPAN></SPAN><SPAN class="punctuation token">></SPAN></SPAN>
<SPAN class="token tag"><SPAN class="token tag"><SPAN class="punctuation token"></</SPAN>object</SPAN><SPAN class="punctuation token">></SPAN></SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

Anonymous User

Thanks Robert, I'll test that.

Cheers.

RobertScheitlin__GISP

Paul,

If this worked for you, don't forget to mark this question as answered by clicking on the "Correct Answer" link on the reply that answered your question.

BrantCarman

I tried your method, but it doesn't seem to work currently. Can you tell me if this still works for you? Might I be doing something wrong?

Thank you!

CarolAnnWilliams

This literally worked until yesterday and then I converted to HTTPS only and it's gone! This is essential for my application, anyone else having this problem?

JohnCodd

Hi @RobertScheitlin__GISP , Is it possible to set the referenced youtube video to loop so the user cannot view other random youtube videos? Thank you!

Rejoindre la conversation

Les membres connectés peuvent publier, suivre les mises à jour, et plus encore. Nouveau ici ? Inscrivez-vous gratuitement.

Liens rapides

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.