Skip to content

Instantly share code, notes, and snippets.

@el3um4s
el3um4s / youtube-c3.js
Created August 27, 2022 15:52
MEDIUM - How To Create a Simple YouTube Player With JavaScript - 10
import * as VideoYT from "./videoYT.js";
VideoYT.loadVideoById(localVars.iframeId, localVars.videoId);
@el3um4s
el3um4s / youtube-durations.js
Created August 27, 2022 15:52
MEDIUM - How To Create a Simple YouTube Player With JavaScript - 09
export function getCurrentTime(iframeId) {
return Globals.ytPlayer[iframeId]["player"].getCurrentTime();
}
export function getDuration(iframeId) {
return Globals.ytPlayer[iframeId]["player"].getDuration();
}
@el3um4s
el3um4s / youtube-playlist.js
Created August 27, 2022 15:51
MEDIUM - How To Create a Simple YouTube Player With JavaScript - 08
export function loadPlaylist(iframeId, videoId) {
Globals.ytPlayer[iframeId]["player"].loadPlaylist(Globals.playlist[videoId]);
}
export function lengthPlaylist(iframeId) {
return Globals.ytPlayer[iframeId]["player"].getPlaylist().length;
}
@el3um4s
el3um4s / youtube-load-video.js
Created August 27, 2022 15:51
MEDIUM - How To Create a Simple YouTube Player With JavaScript - 07
export function loadVideoById(iframeId, videoId) {
Globals.ytPlayer[iframeId]["player"].loadVideoById(videoId);
}
export function loadVideoByUrl(iframeId, videoId) {
Globals.ytPlayer[iframeId]["player"].loadVideoByUrl(videoId);
}
@el3um4s
el3um4s / youtube-cue-video.js
Created August 27, 2022 15:50
MEDIUM - How To Create a Simple YouTube Player With JavaScript - 06
export function cueVideoById(iframeId, videoId) {
Globals.ytPlayer[iframeId]["player"].cueVideoById(videoId);
}
export function cueVideoByUrl(iframeId, videoId) {
Globals.ytPlayer[iframeId]["player"].cueVideoByUrl(videoId);
}
@el3um4s
el3um4s / youtube-volume.js
Created August 27, 2022 15:50
MEDIUM - How To Create a Simple YouTube Player With JavaScript - 05
export function setVolume(iframeId, volume) {
Globals.ytPlayer[iframeId]["player"].setVolume(volume);
}
export function getVolume(iframeId) {
return Globals.ytPlayer[iframeId]["player"].getVolume();
}
export function mute(iframeId) {
Globals.ytPlayer[iframeId]["player"].mute();
}
@el3um4s
el3um4s / youtube-play.js
Created August 27, 2022 15:49
MEDIUM - How To Create a Simple YouTube Player With JavaScript - 05
export function playVideo(iframeId) {
Globals.ytPlayer[iframeId]["player"].playVideo();
}
export function pauseVideo(iframeId) {
Globals.ytPlayer[iframeId]["player"].pauseVideo();
}
export function stopVideo(iframeId) {
Globals.ytPlayer[iframeId]["player"].stopVideo();
}
@el3um4s
el3um4s / createVideo.js
Created August 27, 2022 15:49
MEDIUM - How To Create a Simple YouTube Player With JavaScript - 04
export const Globals = {
ytPlayer: {},
};
export function initializeVideo(iframeId) {
Globals.ytPlayer[iframeId] = {};
Globals.ytPlayer[iframeId]["player"] = null;
}
export async function createVideo(iframeId) {
@el3um4s
el3um4s / createVideo.js
Created August 27, 2022 15:48
MEDIUM - How To Create a Simple YouTube Player With JavaScript - 03
import * as YouTube from "./youTube.js";
export async function createVideo(iframeId) {
Globals.ytPlayer[iframeId]["player"] = await YouTube.CreatePlayer(iframeId, {
onStateChange: (e) => {
console.log(e.data);
},
onReady: (e) => {
console.log(e);
},
@el3um4s
el3um4s / CreatePlayer.js
Last active August 27, 2022 15:48
MEDIUM - How To Create a Simple YouTube Player With JavaScript - 02
export async function CreatePlayer(iframeId, eventHandlers) {
return new Promise((resolve) => {
if (!eventHandlers) eventHandlers = {};
eventHandlers["onReady"] = (e) => resolve(e.target);
eventHandlers["onPlayerStateChange"] = (e) => resolve(e.target);
new globalThis["YT"]["Player"](iframeId, {
events: eventHandlers,
});