# Visual studio not working with img,svg,video

**URL:** <https://forum.codewithmosh.com/t/visual-studio-not-working-with-img-svg-video/6321>\
**Category:** HTML/CSS\
**Created:** [July 24, 2021, 2:20am UTC](https://forum.codewithmosh.com/t/visual-studio-not-working-with-img-svg-video/6321 "2021-07-24T02:20:16Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![khaliddj](https://avatars.discourse-cdn.com/v4/letter/k/46a35a/32.png) [@khaliddj](https://forum.codewithmosh.com/u/khaliddj)\
**Post date:** [July 24, 2021, 2:20am UTC](https://forum.codewithmosh.com/t/visual-studio-not-working-with-img-svg-video/6321/1 "2021-07-24T02:20:16Z")

</div>

I’m trying to insert IMG, video, and SVG. But it never shows or doesn’t display it. I spent hours trying to figure out why this isn’t working. it’s causing a lot of problems with my learning ability to making sure things work correctly. I have a brand new mac m1 MacBook air.

---

<div class="post-metadata">

**Author:** ![eelsholz](https://avatars.discourse-cdn.com/v4/letter/e/439d5e/32.png) [@eelsholz](https://forum.codewithmosh.com/u/eelsholz)\
**Post date:** [July 24, 2021, 11:09am UTC](https://forum.codewithmosh.com/t/visual-studio-not-working-with-img-svg-video/6321/2 "2021-07-24T11:09:06Z")

</div>

Can you post a screenshot of the non-working HTML, along with your project’s directory structure?

---

<div class="post-metadata">

**Author:** ![khaliddj](https://avatars.discourse-cdn.com/v4/letter/k/46a35a/32.png) [@khaliddj](https://forum.codewithmosh.com/u/khaliddj)\
**Post date:** [July 24, 2021, 3:19pm UTC](https://forum.codewithmosh.com/t/visual-studio-not-working-with-img-svg-video/6321/3 "2021-07-24T15:19:42Z")

</div>

so if I would try to play it on Visual Studio Code it would say “the file is not displayed in the editor because it is with binary or uses an unsupported text encoding”

 ![Screen Shot 2021-07-24 at 9.14.17 AM](https://us1.discourse-cdn.com/flex020/uploads/codewithmosh/original/2X/1/13cbd0aba09485433b91a91819ee2c6160c3501f.jpeg)

---

<div class="post-metadata">

**Author:** ![khaliddj](https://avatars.discourse-cdn.com/v4/letter/k/46a35a/32.png) [@khaliddj](https://forum.codewithmosh.com/u/khaliddj)\
**Post date:** [July 24, 2021, 3:20pm UTC](https://forum.codewithmosh.com/t/visual-studio-not-working-with-img-svg-video/6321/4 "2021-07-24T15:20:13Z")

</div>

![Screen Shot 2021-07-24 at 9.14.17 AM](https://us1.discourse-cdn.com/flex020/uploads/codewithmosh/original/2X/1/13cbd0aba09485433b91a91819ee2c6160c3501f.jpeg)

---

<div class="post-metadata">

**Author:** ![khaliddj](https://avatars.discourse-cdn.com/v4/letter/k/46a35a/32.png) [@khaliddj](https://forum.codewithmosh.com/u/khaliddj)\
**Post date:** [July 24, 2021, 3:21pm UTC](https://forum.codewithmosh.com/t/visual-studio-not-working-with-img-svg-video/6321/5 "2021-07-24T15:21:27Z")

</div>

![Screen Shot 2021-07-24 at 9.14.20 AM](https://us1.discourse-cdn.com/flex020/uploads/codewithmosh/original/2X/9/94de85c98cecf56f0ecc83ec3c6ac9f49bb06bb6.jpeg)

---

<div class="post-metadata">

**Author:** ![eelsholz](https://avatars.discourse-cdn.com/v4/letter/e/439d5e/32.png) [@eelsholz](https://forum.codewithmosh.com/u/eelsholz)\
**Post date:** [July 24, 2021, 4:36pm UTC](https://forum.codewithmosh.com/t/visual-studio-not-working-with-img-svg-video/6321/6 "2021-07-24T16:36:58Z")

</div>

You have this for your `src`:

`src="../components/IMG-0718.mov4 "`

Notice the wrong file name, and the wrong path (`..` means to go up one directory).

Try this:

`src="components/IMG-0718.mp4"`

---

<div class="post-metadata">

**Author:** ![khaliddj](https://avatars.discourse-cdn.com/v4/letter/k/46a35a/32.png) [@khaliddj](https://forum.codewithmosh.com/u/khaliddj)\
**Post date:** [July 24, 2021, 5:21pm UTC](https://forum.codewithmosh.com/t/visual-studio-not-working-with-img-svg-video/6321/7 "2021-07-24T17:21:09Z")

</div>

> [@eelsholz](#):
>
> src=“components/IMG-0718.mp4”

Thank you it worked!