# Youtube embed Fullscreen not available

**URL:** <https://forums.fusetools.com/t/youtube-embed-fullscreen-not-available/7471>\
**Category:** How-to Discussions\
**Created:** [October 18, 2018, 2:19pm UTC](https://forums.fusetools.com/t/youtube-embed-fullscreen-not-available/7471 "2018-10-18T14:19:41Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Stefan\_13](https://avatars.discourse-cdn.com/v4/letter/s/54ee81/32.png) [@Stefan\_13](https://forums.fusetools.com/u/Stefan_13)\
**Post date:** [October 18, 2018, 2:19pm UTC](https://forums.fusetools.com/t/youtube-embed-fullscreen-not-available/7471/1 "2018-10-18T14:19:41Z")

</div>

Hey!  
I have implemented the video like this:

```
<DockPanel>
    <NativeViewHost>
            <WebView Height="300" Dock="Fill" ZoomEnabled="false" ux:Name="VideoWebView" Url="https://www.youtube.com/embed/rn_YodiJO6k?fs=1" /> 
    </NativeViewHost>
</DockPanel>

```

But I do not get the fullscreen button. Does anyone have the same problem or a solution for this? 😕  
thanks!!

---

<div class="post-metadata">

**Author:** ![Matti\_Tihverainen](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/matti_tihverainen/32/684_2.png) [@Matti\_Tihverainen](https://forums.fusetools.com/u/Matti_Tihverainen)\
**Post date:** [October 18, 2018, 4:52pm UTC](https://forums.fusetools.com/t/youtube-embed-fullscreen-not-available/7471/2 "2018-10-18T16:52:18Z")

</div>

Hello! How about using the Youtube API to get the direct video URL to stream through Video Class? [https://fuseopen.com/docs/fuse/controls/video.html](https://fuseopen.com/docs/fuse/controls/video.html)

---

<div class="post-metadata">

**Author:** ![Stefan\_13](https://avatars.discourse-cdn.com/v4/letter/s/54ee81/32.png) [@Stefan\_13](https://forums.fusetools.com/u/Stefan_13)\
**Post date:** [October 18, 2018, 10:45pm UTC](https://forums.fusetools.com/t/youtube-embed-fullscreen-not-available/7471/3 "2018-10-18T22:45:59Z")

</div>

Thanks for your answer, but this doesn´t work for youtube url:  
`https://www.youtube.com/watch?v=rn_YodiJO6k`  
And there seems to be no way to get the absolute url to the video 😕

---

<div class="post-metadata">

**Author:** ![aeq](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/aeq/32/129_2.png) [@aeq](https://forums.fusetools.com/u/aeq)\
**Post date:** [October 20, 2018, 7:55pm UTC](https://forums.fusetools.com/t/youtube-embed-fullscreen-not-available/7471/4 "2018-10-20T19:55:11Z")

</div>

Hey @Stefan_13, did you try using the url property in video? [https://fuseopen.com/docs/fuse/controls/video/url.html](https://fuseopen.com/docs/fuse/controls/video/url.html)

---

<div class="post-metadata">

**Author:** ![Stefan\_13](https://avatars.discourse-cdn.com/v4/letter/s/54ee81/32.png) [@Stefan\_13](https://forums.fusetools.com/u/Stefan_13)\
**Post date:** [October 23, 2018, 3:14pm UTC](https://forums.fusetools.com/t/youtube-embed-fullscreen-not-available/7471/5 "2018-10-23T15:14:09Z")

</div>

Sorry for the late reply, but this doesn´t work for my also 😕

---

<div class="post-metadata">

**Author:** ![aeq](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/aeq/32/129_2.png) [@aeq](https://forums.fusetools.com/u/aeq)\
**Post date:** [October 24, 2018, 7:57am UTC](https://forums.fusetools.com/t/youtube-embed-fullscreen-not-available/7471/6 "2018-10-24T07:57:40Z")

</div>

Hey @Stefan_13, lol, I figured out why the YouTube URL is not working, its because you are using the URL of the web page and not the URL of the video.

To get the actual videos URL from YouTube, you would need to use their API:

> **[YouTube Data API  |  Google Developers](https://developers.google.com/youtube/v3/)**
>
> Lets your application retrieve YouTube content while also enabling YouTube users to manage their YouTube accounts.

Here’s my working example of Fuse playing a video URL of a YouTube video in fullscreen (you could always hide the controls with UX):

```auto
<App>
	<DockPanel>
    <Video ux:Name="video" Dock="Fill" Url="https://r5---sn-po4vapo3-j3ae.googlevideo.com/videoplayback?expire=1540388986&amp;ipbits=0&amp;dur=315.118&amp;lmt=1539086782961133&amp;ratebypass=yes&amp;mime=video%2Fmp4&amp;key=yt6&amp;nh=%2CIgpwcjAyLnN2bzA1KgkxMjcuMC4wLjE&amp;initcwndbps=1340000&amp;requiressl=yes&amp;c=WEB&amp;id=o-AHPhBDkR5WbYI2d1IAigGougXJa-id_-o-Yvznk6hRQy&amp;mm=31%2C29&amp;mn=sn-po4vapo3-j3ae%2Csn-n8v7kne7&amp;ms=au%2Crdu&amp;mt=1540367272&amp;mv=m&amp;sparams=dur%2Cei%2Cid%2Cinitcwndbps%2Cip%2Cipbits%2Citag%2Clmt%2Cmime%2Cmm%2Cmn%2Cms%2Cmv%2Cnh%2Cpl%2Cratebypass%2Crequiressl%2Csource%2Cexpire&amp;ip=46.160.237.93&amp;ei=GiTQW_beN8rg7QS4gaWoCw&amp;itag=22&amp;pl=21&amp;fvip=6&amp;source=youtube&amp;txp=5531432&amp;signature=D61396EFC5FB1B5AB74D9659CD4AB19F416C1645.0DB8D5ED2E524764C81385EE81AF5B5B4DDFCEDC&amp;video_id=AuCv9DV2Nbc&amp;title=Los+Angeles%2C+with+umbrella" IsLooping="true" StretchMode="UniformToFill">
        <ProgressAnimation>
            <Change progressBar.Width="100" />
        </ProgressAnimation>
    </Video>
    <Rectangle ux:Name="progressBar" Dock="Bottom" Fill="#f00" Width="0%" Height="10" />
    <Grid Dock="Bottom" ColumnCount="2" RowCount="1">
        <Button Text="Play">
            <Clicked>
                <Resume Target="video" />
            </Clicked>
        </Button>
        <Button Text="Pause">
            <Clicked>
                <Pause Target="video" />
            </Clicked>
        </Button>
    </Grid>
</DockPanel>
</App>

```

P.S. I think you should rename this post, as its totally possible to view a YouTube video in fullscreen on Fuse 🎉

---

<div class="post-metadata">

**Author:** ![Stefan\_13](https://avatars.discourse-cdn.com/v4/letter/s/54ee81/32.png) [@Stefan\_13](https://forums.fusetools.com/u/Stefan_13)\
**Post date:** [October 25, 2018, 4:34pm UTC](https://forums.fusetools.com/t/youtube-embed-fullscreen-not-available/7471/7 "2018-10-25T16:34:51Z")

</div>

Thank you for your reply!!  
But I think I am stupido^^ 😃

> I figured out why the YouTube URL is not working, its because you are using the URL of the web page and not the URL of the video.

I do not find any solution, to get the real path of a youtube video. I think I need somethink like “…video.mp4”? I only have solutions to get the ID of a video 😕

> Here’s my working example of Fuse playing a video URL of a YouTube video in fullscreen (you could always hide the controls with UX):

I have copied your cody 1:1 but I do not get any video displayed 😕  
And what is this url? is it from youtube api?

> [https://r5---sn-po4vapo3-j3ae.googlevideo.com](https://r5---sn-po4vapo3-j3ae.googlevideo.com)

Sorry if I missunderstand and that I am not that great 😃

---

<div class="post-metadata">

**Author:** ![aeq](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/aeq/32/129_2.png) [@aeq](https://forums.fusetools.com/u/aeq)\
**Post date:** [October 26, 2018, 5:52am UTC](https://forums.fusetools.com/t/youtube-embed-fullscreen-not-available/7471/8 "2018-10-26T05:52:41Z")

</div>

Yeah, I don’t think you’ll be able to get the actual video url from the API, just the videos details; I tested an API call: [https://developers.google.com/youtube/v3/docs/videos/list](https://developers.google.com/youtube/v3/docs/videos/list)

You probably didn’t see the video because the url expires, I got it from the page.

I think the process YouTube wants us to follow, is to use the API for the video details, then pass it through to their iOS and Android players to play the video: [https://developers.google.com/youtube/documentation](https://developers.google.com/youtube/documentation)

So you’ll have to do some native fuse integration with their players, which I think is already started here: [https://github.com/bolav/fuse-youtube](https://github.com/bolav/fuse-youtube)