Added videos to "Customize DevTools"

[Michael Hoffman (mikehoffms)]

Rendered article for review:
https://review.docs.microsoft.com/en-us/microsoft-edge/devtools-guide-chromium/customize/index?branch=pr-en-us-2161

Before:
https://docs.microsoft.com/en-us/microsoft-edge/devtools-guide-chromium/customize/
Related:
https://docs.microsoft.com/en-us/microsoft-edge/dev-videos/

[opbld33]

Docs Build status updates of commit 545b825:

✅ Validation status: passed

File	Status	Preview URL	Details
microsoft-edge/devtools-guide-chromium/customize/index.md	✅Succeeded	View

For more details, please refer to the build report.

Note: Broken links written as relative paths are included in the above build report. For broken links written as absolute paths or external URLs, see the broken link report.

For any questions, please:

• Try searching the docs.microsoft.com contributor guides
• Post your question in the Docs support channel

[opbld33]

Docs Build status updates of commit 3c88305:

✅ Validation status: passed

File	Status	Preview URL	Details
microsoft-edge/devtools-guide-chromium/customize/index.md	✅Succeeded	View

For more details, please refer to the build report.

Note: Broken links written as relative paths are included in the above build report. For broken links written as absolute paths or external URLs, see the broken link report.

For any questions, please:

• Try searching the docs.microsoft.com contributor guides
• Post your question in the Docs support channel

[Patrick Brosset (captainbrosset)]

Two quick ideas as I look at this PR:

• Could we make the video links look more like videos? Since they're just links now, it's easy to miss them I guess. We could use the same thumbnail images we use on the https://aka.ms/edge-dev-videos page.
• I'm not too sure about this one, but it felt to me like the videos section should be at the end of the article, not at the beginning. But happy to discuss pros and cons of this.

[opbld32]

Docs Build status updates of commit 74ded91:

✅ Validation status: passed

File	Status	Preview URL	Details
microsoft-edge/devtools-guide-chromium/customize/index.md	✅Succeeded	View
microsoft-edge/devtools-guide-chromium/customize/index-images/customize-devtools.png	✅Succeeded	View
microsoft-edge/devtools-guide-chromium/customize/index-images/learn-devtools-ui.png	✅Succeeded	View

For more details, please refer to the build report.

Note: Broken links written as relative paths are included in the above build report. For broken links written as absolute paths or external URLs, see the broken link report.

For any questions, please:

• Try searching the docs.microsoft.com contributor guides
• Post your question in the Docs support channel

[opbld33]

Docs Build status updates of commit 653246f:

✅ Validation status: passed

File	Status	Preview URL	Details
microsoft-edge/devtools-guide-chromium/customize/index.md	✅Succeeded	View
microsoft-edge/devtools-guide-chromium/customize/index-images/customize-devtools.png	✅Succeeded	View
microsoft-edge/devtools-guide-chromium/customize/index-images/learn-devtools-ui.png	✅Succeeded	View

For more details, please refer to the build report.

Note: Broken links written as relative paths are included in the above build report. For broken links written as absolute paths or external URLs, see the broken link report.

For any questions, please:

• Try searching the docs.microsoft.com contributor guides
• Post your question in the Docs support channel

[Michael Hoffman (mikehoffms)]

Patrick Brosset (@captainbrosset) - I copied, not linked to, the pngs.

Now that you've seen the UX with h2 at top of article, this commit instead shows you the h2 at bottom of article - keep at bottom?

[Patrick Brosset (captainbrosset)]

Now that you've seen the UX with h2 at top of article, this commit instead shows you the h2 at bottom of article - keep at bottom?

Yes, I think I prefer keeping the videos at the bottom of the page. The reason for this is the section is quite long. On my monitor it takes the full height of the browser window and, therefore, makes the actual doc content not visible unless I scroll down.

If we had a way to display these videos as a much smaller, and maybe visually different, section then I'd be ok to keep them at the top.

I want to make sure readers can see the content of the documentation right away. To me, the videos are similar to "see also" content.