如何使用正確的比例嵌入YouTube視頻

我遇到了這個問題。 我想在一個頁面中嵌入YouTube視頻,但由於需要使用iframe,我無法弄清如何正確地設置其高度和寬度,以在流動佈局中正常工作。 過了一段時間,我找到了解決方案。 使用React和Tailwind的代碼: <iframe className="aspect-video w-full" src={"Youtube嵌入URL"}> </iframe> 不使用React的Tailwind代碼: <iframe class="aspect-video w-full" src="Youtube嵌入URL"> </iframe> 純HTML和CSS: <iframe style="aspect-ratio: 16 / 9; width: 100%" src="YouTube嵌入URL"></iframe> YouTube嵌入URL的格式如下: https://www.youtube.com/embed/VIDEO_ID 因此,如果您有視頻URL,您需要將其更改為相應的格式,例如: videourl.replace('https://www.youtube.com/watch?v=', 'https://www.youtube.com/embed/') 一些舊的教程仍然列出使用絕對/相對方式的技巧,例如: <style> .videocontainer { position:relative; padding-bottom:56.25%; } .videocontainer iframe { width:100%; height:100%; position:absolute; } </style> <div class="videocontainer"> <iframe src="YouTube嵌入URL"></iframe> </div> 我更偏愛更簡單的aspect-ratio屬性。

如何實現無限視頻串流

我進行了一個實驗,這是我對一個副業項目的想法。 我的目標是讓YouTube現場直播我已經錄製好的視頻。 在視頻結束時,串流將重新開始。 如果你在想,我剛剛進行了這個實驗,看到它的工作情況我確定“可行”,但實際上我並沒有使用它。我也不能保證這對你有用,只是記錄下對我有效的方法,以便下次能夠重用這段程式碼。 我想這個方法對Twitch也會有效,但我還沒有試過,只是猜測而已。 我在YouTube上開始了一個直播,並獲得了串流金鑰。 我在一個文件夾中有一個video.mp4視頻,然後運行了這個shell腳本: #!/bin/bash KEY="你的YT串流金鑰" # 添加你的 ffmpeg -stream\_loop -1 -i "video.mp4" -vcodec libx264 -pix\_fmt yuv420p -preset medium -r 30-g $((30 \* 2)) -b:v 2500k -acodec libmp3lame -ar 44100 -threads 6 -qscale 3 -b:a 712000 -bufsize 512k -f flv "rtmp://a.rtmp.youtube.com/live2/$KEY" 這些設置假設視頻是720p,每秒30幀。 不要問我這些設置都是做什麼用的,我混合了一些Stack Overflow的答案和教程使其工作。 請確保您的系統上安裝了ffmpeg命令行工具。您可以在這裡下載。 這在我的Mac上工作,並且在我後來用來測試的Ubuntu VPS上也可以工作,這樣我就可以斷開我的Mac,讓VPS進行串流。