更好的解決方案是直接更改<source>標記上的src，您可以為其應用muted、controls和autoplay。 let video = document.querySelector('video')let source = document.querySelector('source')setInterval(function () { var Today = new Date(); var H = Today.getHours(); if (H >= 5 && H < 12 ) { source.src='video/goodmorning.mp4' video.muted = true video.autoplay =true video.controls = false; video.load() } else if (H >= 12 && H < 21) { video.muted = false video.autoplay = false; video.controls = true video.load(); source.src="video/teste.mp4" console.log("evening"); console.log(source.src) } else { console

要執行所需的操作，可以創建一個函數，該函數遍歷所有video元素，然后調用pause()。然后可以在播放視頻時調用此函數。 此外，請注意，您可以將事件處理程序附加到媒體控制按鈕上，而不是在document.ready上循環視頻元素，這些按鈕在單擊時使用DOM遍歷來查找相關內容。這樣做的好處是簡化了代碼，并使其更易于維護。嘗試以下操作： let pauseAllVideos = excludeVideo => $('video').not(excludeVideo).each((i, v) => { v.pause(); $(v).closest('.video-player').find('.play-toggle') .removeClass('pause').addClass('play') .find('i').removeClass('fa-pause').addClass('fa-play');});$('.play-toggle').on('click', e => { let $button = $(e.currentTarget); let video = $button.closest('.video-player').find('video')[0]; pauseAllVideos(video); $button.toggleClass('pl

這不是一個問題，而是用var語句聲明的變量的行為，即偵聽器將附加到每個視頻，但它們將僅為最后一個視頻調用play/pause，因為var是function-scoped，并且它只保存對循環中最后一項的引用。可以通過使用let語句將循環中的變量聲明為block-scoped來解決此問題，如下所示： function videoPlays() { var video: HTMLCollectionOf<Element> = document.getElementsByClassName("video"); for(let i = 0; i < video.length ; i++) { let vid: HTMLVideoElement = video[i] as HTMLVideoElement; vid.addEventListener("mouseover", (e :MouseEvent) => { vid.play(); }); vid.addEventListener("mouseout", (e :MouseEvent) => { vid.pause(); }); }}

這取決于您正在測試的功能。如果您不關心實際的GUI演示，只希望得到視頻已完成的指示，并且可以使用一些API來完成，請使用API來完成。這是一種更快速、更穩定的方法。如果您需要在GUI上測試實際完成的視頻，您應該使用Selenium等待適當的web元素。在這種情況下，您可以使用Arundeep給出的解決方案

如果我理解正確的話，videos是一個需要按順序播放的視頻隊列，那么就沒有別的了。 我將把所有隊列管理規范化為nextVideo()函數，這樣第一次玩就沒有什么特別的了。因此： var videos = ["video1", "video2", "video3"]var player1 = document.getElementById("video")function setMp4Source1(theVideo) { var currentVideo = "videos/" + theVideo + ".mp4" player1.src = currentVideo player1.load() player1.play()}player1.addEventListener('ended', nextVideo, false)function nextVideo() { let theVideo = videos.unshift() setMp4Source1(theVideo)}nextVideo() // start the chain here! 現在，這并不像您最初的示例那樣，隨機播放視頻-只是隊列中的下一個視頻。您可以使用nextVideo()中的splice()播放隨機視頻并將其從隊列中刪除，如下所示： function nextVideo() { let rand

您正在將RGBA圖像格式寫入cv2.VideoWriter，而預期的格式為BGR。 將data = np.array(complete_img)替換為： data = cv2.cvtColor(np.array(complete_img), cv2.COLOR_RGBA2BGR) 在我的機器中，播放視頻時沒有出現任何錯誤（我得到的是黑色視頻），因此可能存在第二個問題。如果仍然無法工作，請嘗試將編解碼器替換為cv2.VideoWriter_fourcc(*"MJPG")。

我沒有使用HTML，我以這種方式進行測試，它顯示了視頻： 我在主窗口中添加此代碼： QWidget *wgt = new QWidget(this); QGridLayout *gridLayout = new QGridLayout(wgt); wgt->setStyleSheet(QString::fromUtf8("border: 1px solid black;\n" "border-radius: 25px;background-color:black;")); ui->centralwidget->layout()->addWidget(wgt); QWebEngineView* view = new QWebEngineView(wgt); view->setWindowTitle("Qt 6 - The Ultimate UX Development Platform"); view->setUrl(QUrl("https://www.youtube.com/embed/TodEc77i4t4")); view->settings()->setAttribute(QWebEngineSettings::PluginsEnabled, true); view->settings()->setAttribute

將媒體文件作為嵌入資源包含到項目中。這更容易，因為在保存到磁盤時需要知道文件擴展名。MediaTimeline元素需要文件擴展名，不支持流。然后從資源中提取音頻/媒體內容并將其寫入臨時文件。然后為MediaTimeline源設置URI以引用臨時文件。 Code behind: private string MediaFilePathName { get; set; } var resourceName = "[YourAssemblyName][.Folder].Movie.mp4"; // NOTE: Case sensitive using (var fstream = Assembly.GetExecutingAssembly().GetManifestResourceStream(resourceName)) { var ext = resourceName.Substring(resourceName.LastIndexOf(".")); var pathfile = System.IO.Path.GetTempPath() + Guid.NewGuid().ToString() + ext; using (FileStream outputFileStream = new FileStream(pathfile, FileMode.Create)) { fstream.

是的，你能做到。閱讀iframe api，它有許多有用的函數和變量。 我不知道如果iframe元素是在html中生成的，是否可以得到它，但可以通過Javascript生成，如API所示。 下面是一個您正在尋找的示例，iframe在堆棧片段中似乎不起作用。這里有一個演示：https://jsfiddle.net/215mekhd/ 您還可以在第二個YT.Player參數的設置對象中使用：playerVars: { 'controls': 0 },隱藏控制器。 // 2. This code loads the IFrame Player API code asynchronously. var tag = document.createElement('script'); tag.src = "https://www.youtube.com/iframe_api"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); // 3. This function creates an <iframe> (and YouTube player) // after the API co

本質上，這是一個錯誤的環節。使用youtube的嵌入功能，看起來您希望iFrame看起來像這樣 <iframe width="560" height="315" src="https://www.youtube.com/embed/oKilU3g0om0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 如果您想使用現有的代碼，唯一需要更改的部分就是src鏈接

我打賭這是一個視頻格式的問題。iOS在所有瀏覽器中都支持h265編碼，而Windows上的Chrome則不支持。視頻文件的編碼是什么？您可以使用https://ffprobe.a.video進行測試（并添加視頻的url）。

flv 有 bilibili 的 flv.js 可以播放的，無需 flash，avi 目前還沒有。avi 可能使用瀏覽器不支持的音視頻編碼格式，所以無法實現。哪怕你的 avi 使用了 MPEG-4 或者 H.264 這些瀏覽器支持的編碼格式，自己根據 MSE API 擼一個 avi.js 也是相當大的困難，需要對視頻格式有很好的理解。所以后臺轉容器格式會是比較推薦的辦法。

我在下面做了一個小例子，應該會有幫助 看看<a >JSFiddle</a> //add video playlist functionality to auto play next video based on idvar videoSrc = [ "https://media.w3.org/2010/05/sintel/trailer.mp4", "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ForBiggerBlazes.mp4"]var vid = document.getElementById("urlVideo");var index = 0;vid.addEventListener("ended", function() { var currentSrc = videoSrc[index]; index += 1; if (index >= videoSrc.length) index = 0; // Make Loop and jump to the first video vid.src = currentSrc; vid.play(); console.log(currentSr

這個問題是針對antd modal的。我嘗試了reactstrap模式，它成功了。

這是因為大多數瀏覽器限制autoplaying視頻。請參閱自動播放策略 如果添加&mute=1，某些瀏覽器可能允許自動播放