您好,登錄后才能下訂單哦!
本篇內容介紹了“在Bootstrap模式中怎么實現自動播放YouTube視頻”的有關知識,在實際案例的操作過程中,不少人都會遇到這樣的困境,接下來就讓小編帶領大家學習一下如何處理這些情況吧!希望大家仔細閱讀,能夠學有所成!
答案:使用JavaScript添加刪除視頻源URL
如果嘗試通過附加視頻源網址(即屬性值)來自動播放嵌入到Bootstrap模式中的YouTube視頻,則該視頻將無法正常工作,因為視頻是在顯示模式之前開始播放的。<iframe> src?autoplay=1
要解決此問題,您可以根據是否使用JavaScript顯示Bootstrap模式來添加或刪除YouTube視頻源URL。讓我們看看它是如何工作的:
代碼如下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Autoplay YouTube Video in Bootstrap Modal</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<style>
.modal-content iframe{
margin: 0 auto;
display: block;
}
</style>
<script>
“在Bootstrap模式中怎么實現自動播放YouTube視頻”的內容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站,小編將為大家輸出更多高質量的實用文章!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。