# Why Web viewer doesn't show video and audio

**URL:** <https://community.thunkable.com/t/why-web-viewer-doesnt-show-video-and-audio/1361974>\
**Category:** Questions about Thunkable X\
**Created:** [June 24, 2021, 11:49am UTC](https://community.thunkable.com/t/why-web-viewer-doesnt-show-video-and-audio/1361974 "2021-06-24T11:49:11Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![overturner](https://avatars.discourse-cdn.com/v4/letter/o/53a042/32.png) [@overturner](https://community.thunkable.com/u/overturner)\
**Post date:** [June 24, 2021, 11:49am UTC](https://community.thunkable.com/t/why-web-viewer-doesnt-show-video-and-audio/1361974/1 "2021-06-24T11:49:11Z")

</div>

Hi. I have used a video calling website in my web viewer, but whenever I open my app the web viewer doesn’t ask for my video and audio and the website shows no connected camera. Though the website normally works on a browser. Any settings to change or so?  
I have added geolocation enabled also

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [June 25, 2021, 3:59am UTC](https://community.thunkable.com/t/why-web-viewer-doesnt-show-video-and-audio/1361974/2 "2021-06-25T03:59:12Z")

</div>

You need to provide more information about how you’re trying to do this.

---

<div class="post-metadata">

**Author:** ![overturner](https://avatars.discourse-cdn.com/v4/letter/o/53a042/32.png) [@overturner](https://community.thunkable.com/u/overturner)\
**Post date:** [June 25, 2021, 4:01am UTC](https://community.thunkable.com/t/why-web-viewer-doesnt-show-video-and-audio/1361974/3 "2021-06-25T04:01:24Z")

</div>

I have a video calling website , Which works fine on a normal browser , but when i add it in a webviewer , it shows no camera found. i am using the same device

---

<div class="post-metadata">

**Author:** ![overturner](https://avatars.discourse-cdn.com/v4/letter/o/53a042/32.png) [@overturner](https://community.thunkable.com/u/overturner)\
**Post date:** [June 25, 2021, 4:57am UTC](https://community.thunkable.com/t/why-web-viewer-doesnt-show-video-and-audio/1361974/4 "2021-06-25T04:57:36Z")

</div>

I even tried hosting it on github with all permissions enabled it still shows the same result @tatiang  
@domhnallohanlon @jane @muneer  
Because this should not be a bug as i am just putting website link into a webviewer

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [June 25, 2021, 2:18pm UTC](https://community.thunkable.com/t/why-web-viewer-doesnt-show-video-and-audio/1361974/5 "2021-06-25T14:18:37Z")

</div>

Do you need it inside a `web viewer` or can you use `open link` instead?

---

<div class="post-metadata">

**Author:** ![overturner](https://avatars.discourse-cdn.com/v4/letter/o/53a042/32.png) [@overturner](https://community.thunkable.com/u/overturner)\
**Post date:** [June 25, 2021, 2:24pm UTC](https://community.thunkable.com/t/why-web-viewer-doesnt-show-video-and-audio/1361974/6 "2021-06-25T14:24:28Z")

</div>

i need it in a web viewer as i dont want to share the link

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [June 25, 2021, 2:46pm UTC](https://community.thunkable.com/t/why-web-viewer-doesnt-show-video-and-audio/1361974/7 "2021-06-25T14:46:11Z")

</div>

`Web viewer` runs in its own contained environment and has no access to your browser cookies which means if you want to use something to do with external devices then you have to code all permission granting within your code.

---

<div class="post-metadata">

**Author:** ![overturner](https://avatars.discourse-cdn.com/v4/letter/o/53a042/32.png) [@overturner](https://community.thunkable.com/u/overturner)\
**Post date:** [June 25, 2021, 2:47pm UTC](https://community.thunkable.com/t/why-web-viewer-doesnt-show-video-and-audio/1361974/8 "2021-06-25T14:47:13Z")

</div>

yes i have done that still it doesnt work  
maybe i did it wrong  
can you tell how to do?

---

<div class="post-metadata">

**Author:** ![overturner](https://avatars.discourse-cdn.com/v4/letter/o/53a042/32.png) [@overturner](https://community.thunkable.com/u/overturner)\
**Post date:** [June 25, 2021, 2:53pm UTC](https://community.thunkable.com/t/why-web-viewer-doesnt-show-video-and-audio/1361974/9 "2021-06-25T14:53:14Z")

</div>

is this how to do ?

\<iframe allow="camera; microphone; fullscreen; speaker; display-capture"

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [June 25, 2021, 2:56pm UTC](https://community.thunkable.com/t/why-web-viewer-doesnt-show-video-and-audio/1361974/10 "2021-06-25T14:56:11Z")

</div>

This is `iframe` tag. You will use it to run a URL using the `src` element in the tag.

It really depends on what you want.

---

<div class="post-metadata">

**Author:** ![overturner](https://avatars.discourse-cdn.com/v4/letter/o/53a042/32.png) [@overturner](https://community.thunkable.com/u/overturner)\
**Post date:** [June 25, 2021, 3:07pm UTC](https://community.thunkable.com/t/why-web-viewer-doesnt-show-video-and-audio/1361974/11 "2021-06-25T15:07:12Z")

</div>

Yes this so how to code what you were asking for.  
I needed this for a video calling wbste

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [June 25, 2021, 3:11pm UTC](https://community.thunkable.com/t/why-web-viewer-doesnt-show-video-and-audio/1361974/12 "2021-06-25T15:11:07Z")

</div>

```auto
<iframe width="100%" height="315" src="https://x.thunkable.com" frameborder="0" allow="accelerometer; autoplay></iframe>

```

---

<div class="post-metadata">

**Author:** ![overturner](https://avatars.discourse-cdn.com/v4/letter/o/53a042/32.png) [@overturner](https://community.thunkable.com/u/overturner)\
**Post date:** [June 25, 2021, 3:16pm UTC](https://community.thunkable.com/t/why-web-viewer-doesnt-show-video-and-audio/1361974/13 "2021-06-25T15:16:04Z")

</div>

Isnt this what i did?  
What is the difference @muneer

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [June 25, 2021, 3:18pm UTC](https://community.thunkable.com/t/why-web-viewer-doesnt-show-video-and-audio/1361974/14 "2021-06-25T15:18:21Z")

</div>

This will give you only a partial screen without any border hence hiding the url, hopefully.

---

<div class="post-metadata">

**Author:** ![overturner](https://avatars.discourse-cdn.com/v4/letter/o/53a042/32.png) [@overturner](https://community.thunkable.com/u/overturner)\
**Post date:** [June 25, 2021, 3:19pm UTC](https://community.thunkable.com/t/why-web-viewer-doesnt-show-video-and-audio/1361974/15 "2021-06-25T15:19:03Z")

</div>

oh ok thank you but is this for wbviewer or open link  
Because Anyhow if they open a link they can see the address

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [June 25, 2021, 3:21pm UTC](https://community.thunkable.com/t/why-web-viewer-doesnt-show-video-and-audio/1361974/17 "2021-06-25T15:21:37Z")

</div>

You should use this inside the .html file that you are using for the `web viewer`.

In this case you can run the `web viewer` while the size is so small in your screen that no onw can see the address from it.

---

<div class="post-metadata">

**Author:** ![overturner](https://avatars.discourse-cdn.com/v4/letter/o/53a042/32.png) [@overturner](https://community.thunkable.com/u/overturner)\
**Post date:** [June 25, 2021, 3:23pm UTC](https://community.thunkable.com/t/why-web-viewer-doesnt-show-video-and-audio/1361974/18 "2021-06-25T15:23:40Z")

</div>

Thank you @muneer So you mean that i should directly add the .html file to the webviewer with this code?

---

<div class="post-metadata">

**Author:** ![overturner](https://avatars.discourse-cdn.com/v4/letter/o/53a042/32.png) [@overturner](https://community.thunkable.com/u/overturner)\
**Post date:** [June 25, 2021, 3:25pm UTC](https://community.thunkable.com/t/why-web-viewer-doesnt-show-video-and-audio/1361974/19 "2021-06-25T15:25:37Z")

</div>

Though my problem is that it shows no camera found in the web viewer  
Maybe you can try using [enablex.io](http://enablex.io) And come up with a solution?

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [June 25, 2021, 3:31pm UTC](https://community.thunkable.com/t/why-web-viewer-doesnt-show-video-and-audio/1361974/20 "2021-06-25T15:31:43Z")

</div>

```auto
!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
</head>
<body>
    <iframe width="100%" height="300" src="https://x.thunkable.com" frameborder="0" autoplay></iframe>
</body>
</html>

```

Save this to a file and use the link you want instead of Thunkable.

---

<div class="post-metadata">

**Author:** ![overturner](https://avatars.discourse-cdn.com/v4/letter/o/53a042/32.png) [@overturner](https://community.thunkable.com/u/overturner)\
**Post date:** [June 25, 2021, 3:38pm UTC](https://community.thunkable.com/t/why-web-viewer-doesnt-show-video-and-audio/1361974/21 "2021-06-25T15:38:55Z")

</div>

> [@muneer](#):
>
> ```auto
> !DOCTYPE html>
> <html>
> <head>
> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
> </head>
> <body>
> <iframe width="100%" height="300" src="https://x.thunkable.com" frameborder="0" autoplay></iframe>
> </body>
> </html>
> 
> ```

It still doesnt work @muneer this is what i get with the code

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/1/4/14c861f5241ed770606a28a5fb94f16df8e1ab29.png)  
Normal website of [enablex.io](http://enablex.io)  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/8/38675d583a9a3ac522ca1185b6cc5afe5470781d.png)

[Next page](https://community.thunkable.com/t/why-web-viewer-doesnt-show-video-and-audio/1361974.md?page=2)