热门关键字:
jquery > jquery教程 > jquery教程 > 在Bootstrap模式中自动播放YouTube视频

在Bootstrap模式中自动播放YouTube视频

424
作者:管理员
发布时间:2021/2/8 14:19:32
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=3957
答案:使用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
友荐云推荐