YouTube Video Splitter
parseInt(document.getElementById('numOfVideos').value);
const videoSpeed = parseFloat(document.getElementById('videoSpeed').value); // Get selected speed
const videoId = videoLink.split('v=')[1].split('&')[0]; // Extract video ID from URL
const videoContainer = document.getElementById('videoContainer');
videoContainer.innerHTML = ''; // Clear previous iframes
players = []; // Reset players array
for (let i = 0; i < numOfVideos; i++) {
const currentStartTime = startTime + i * timePerVideo;
// Create a div to hold the iframe
const videoDiv = document.createElement('div');
videoDiv.id = `player-${i}`;
videoContainer.appendChild(videoDiv);
// Create YouTube Player and add to the players array
let player = new YT.Player(videoDiv.id, {
height: "315px",
width: "100%",
videoId: videoId,
playerVars: {
start: currentStartTime,
end: currentStartTime + timePerVideo,
playsinline: 1,
controls: 1,
mute: 0,
},
events: {
'onReady': (event) => {
event.target.setPlaybackRate(videoSpeed); // Set speed when player is ready
}
}
});
players.push(player);
}
adjustVideoSize(); // Adjust the video size after splitting
}
// Function to play all videos
function playAll(withAudio) {
players.forEach(player => {
if (!withAudio) {
player.mute(); // Mute if 'Play without Audio'
} else {
player.unMute(); // Unmute if 'Play with Audio'
}
player.playVideo();
});
}
// Function to adjust video size dynamically
function adjustVideoSize() {
const videoSize = document.getElementById('videoSize').value;
players.forEach(player => {
let iframe = player.getIframe();
if (videoSize === "mobile") {
iframe.classList.add('mobile-size');
iframe.classList.remove('default-size');
} else {
iframe.classList.add('default-size');
iframe.classList.remove('mobile-size');
}
});
}
]]>
0 Response to "YouTube Video Splitter"
Post a Comment