答案:使用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>
如果您觉得本文的内容对您的学习有所帮助:
关键字:
jQuery