History

Hugo Bernier 103907bdc6 Added compatibility warning on readme and template		2023-02-10 10:22:32 -05:00
..
.vscode	Added two samples (image magnifier and youtube webpart) furthermore react-peoplepicker is upgraded to drop 1.3.0 (#310 )	2017-10-09 04:48:46 -04:00
assets	Changed docs links to learn	2022-10-24 09:42:45 -04:00
config	Adding PnP identifier for the MPN ID entries in samples - distinct sample usage in production	2021-01-07 14:51:39 +02:00
src	SPFx version Upgrade from 1.3.0 to 1.11.0	2020-10-01 07:04:04 -07:00
typings	Added two samples (image magnifier and youtube webpart) furthermore react-peoplepicker is upgraded to drop 1.3.0 (#310 )	2017-10-09 04:48:46 -04:00
.editorconfig	Added two samples (image magnifier and youtube webpart) furthermore react-peoplepicker is upgraded to drop 1.3.0 (#310 )	2017-10-09 04:48:46 -04:00
.gitignore	Added two samples (image magnifier and youtube webpart) furthermore react-peoplepicker is upgraded to drop 1.3.0 (#310 )	2017-10-09 04:48:46 -04:00
.yo-rc.json	SPFx version Upgrade from 1.3.0 to 1.11.0	2020-10-01 07:04:04 -07:00
README.md	Added compatibility warning on readme and template	2023-02-10 10:22:32 -05:00
gulpfile.js	Added two samples (image magnifier and youtube webpart) furthermore react-peoplepicker is upgraded to drop 1.3.0 (#310 )	2017-10-09 04:48:46 -04:00
package-lock.json	Bump axios from 0.19.2 to 0.21.1 in /samples/react-youtube	2021-01-05 17:05:33 +00:00
package.json	Bump axios from 0.19.2 to 0.21.1 in /samples/react-youtube	2021-01-05 17:05:33 +00:00
tsconfig.json	SPFx version Upgrade from 1.3.0 to 1.11.0	2020-10-01 07:04:04 -07:00
tslint.json	SPFx version Upgrade from 1.3.0 to 1.11.0	2020-10-01 07:04:04 -07:00

README.md

page_type

products

languages

extensions

sample

office-sp

javascript

typescript

contentType

technologies

platforms

createdDate

samples

SharePoint Framework

react

10/1/2017 12:00:00 AM

YouTube

Summary

This web part allows to search and view the YouTube videos, across the YouTube API, directly on a SharePoint page, furthermore the property panel offers the possibility to specify the API key, the number of items to display and it is also possible specify a YouTube Channel Id.

Compatibility

⚠️ Important
Every SPFx version is only compatible with specific version(s) of Node.js. In order to be able to build this sample, please ensure that the version of Node on your workstation matches one of the versions listed in this section. This sample will not work on a different version of Node.
Refer to https://aka.ms/spfx-matrix for more information on SPFx compatibility.

This sample is designed to be used in the following environments:

For more information about SPFx compatibility, please refer to https://aka.ms/spfx-matrix

Applies to

Prerequisites

Is necessary to have a google developer API key in order to perform REST API call

Solution

Solution	Author(s)
react-YouTube	Giuliano De Luca (@giuleon , www.delucagiuliano.com)

Solution	Contributor(s)
react-YouTube	Ravi Chandra (@ravi_maniyani , www.netwoven.com)

Version history

Version	Date	Comments
1.0	October 02, 2017	Initial release
2.0	October 01, 2020	Upgrade from 1.3.0 to 1.11.0

Minimal Path to Awesome

Clone this repository
in the command line run:
- npm install
- gulp serve

This sample can also be opened with VS Code Remote Development. Visit https://aka.ms/spfx-devcontainer for further instructions.

Features

This Web Part illustrates the following concepts on top of the SharePoint Framework:

YouTube - How to leverage the YouTube capabilities.

Disclaimer

THIS CODE IS PROVIDED AS IS WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.