ASPForums.Net RSS Feedhttp://www.aspforums.net/Handlers/RSS.ashxLatest additions to the content that appears on ASPForums.Net(c) 2019 www.aspforums.com. All rights reserved.Open Video link in IFRAME inside jQuery Modal Popup in jQuery<p>Hi&nbsp;iammann,</p> <p>Check this example. Now please take its reference and correct your code.</p> <p><strong><span style="text-decoration: underline;">HTML</span></strong></p> <pre class="brush: html">&lt;asp:Content ID=&#34;Content1&#34; ContentPlaceHolderID=&#34;head&#34; runat=&#34;Server&#34;&gt; &lt;script type=&#34;text/javascript&#34; src=&#34;https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js&#34;&gt;&lt;/script&gt; &lt;script type=&#34;text/javascript&#34; src=&#34;https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js&#34;&gt;&lt;/script&gt; &lt;link rel=&#34;stylesheet&#34; href=&#34;https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css&#34; /&gt; &lt;script type=&#34;text/javascript&#34;&gt; $(function () { $(&#39;.video&#39;).click(function () { var videoSource = $(this).data(&#39;video-id&#39;); var videoTitle = $(this).data(&#39;title&#39;); var iframe = document.getElementById(&#34;vimeoIframe&#34;); iframe.src = videoSource; $(&#34;[id*=videotitle]&#34;).text(videoTitle); $(&#34;[id*=videoModal]&#34;).modal(&#34;show&#34;); }); }); &lt;/script&gt; &lt;/asp:Content&gt; &lt;asp:Content ID=&#34;Content2&#34; ContentPlaceHolderID=&#34;MainContent&#34; runat=&#34;Server&#34;&gt; &lt;div class=&#34;item col-sm-4&#34; style=&#34;float: left; list-style: none; position: relative; width: 259.5px;&#34; aria-hidden=&#34;false&#34;&gt; &lt;a class=&#34;thumbnail video&#34; href=&#34;#&#34; data-video-id=&#34;https://bcove.video/2Hjh5E1&#34; data-toggle=&#34;modal&#34; data-title=&#34;The one stop solution for all things &#39;Innovation&#39;.&#34;&gt; &lt;img class=&#34;img-responsive&#34; src=&#34;Admin/UploadSlider/Video_201901210546167072479.jpg&#34;&gt; &lt;div class=&#34;main-box main-box-sub&#34; style=&#34;text-align: center !important;&#34;&gt; &lt;span&gt;The one stop solution for all things &lsquo;Innovation&rsquo;.&lt;/span&gt;&lt;br&gt; &lt;/div&gt; &lt;/a&gt; &lt;/div&gt; &lt;div class=&#34;modal videoModal&#34; id=&#34;videoModal&#34; tabindex=&#34;-1&#34; role=&#34;dialog&#34; data-keyboard=&#34;false&#34; data-backdrop=&#34;static&#34;&gt; &lt;div class=&#34;modal-dialog&#34; role=&#34;document&#34;&gt; &lt;div class=&#34;modal-content&#34;&gt; &lt;div class=&#34;modal-header&#34;&gt; &lt;button type=&#34;button&#34; class=&#34;close video-close&#34; data-dismiss=&#34;modal&#34; aria-label=&#34;Close&#34; onclick=&#34;&#34;&gt; &lt;span aria-hidden=&#34;true&#34;&gt;&amp;times;&lt;/span&gt;&lt;/button&gt; &lt;h4 class=&#34;modal-title&#34; style=&#34;color: black;&#34;&gt; &lt;asp:Label ID=&#34;videotitle&#34; runat=&#34;server&#34;&gt;&lt;/asp:Label&gt; &lt;/h4&gt; &lt;/div&gt; &lt;div class=&#34;modal-body&#34;&gt; &lt;div class=&#34;embed-responsive embed-responsive-16by9&#34;&gt; &lt;img id=&#34;loader1&#34; src=&#34;http://www.itgeared.com/demo/images/loading.gif&#34; width=&#34;36&#34; height=&#34;36&#34; alt=&#34;loading gif&#34; /&gt; &lt;iframe id=&#34;vimeoIframe&#34; class=&#34;embed-responsive-item&#34; webkitallowfullscreen mozallowfullscreen allowfullscreen&gt;&lt;/iframe&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/asp:Content&gt;</pre> <p><strong><span style="text-decoration: underline;">Screenshot</span></strong></p> <p><strong><span style="text-decoration: underline;"><img src="https://i.imgur.com/p274xj9.gif" alt="" width="472" height="387" /></span></strong></p>https://www.aspforums.net:443/Threads/398420/Open-Video-link-in-IFRAME-inside-jQuery-Modal-Popup-in-jQuery/https://www.aspforums.net:443/Threads/398420/Open-Video-link-in-IFRAME-inside-jQuery-Modal-Popup-in-jQuery/Thu, 01 Aug 2019 05:14:07 GMTOpen Video link in IFRAME inside jQuery Modal Popup in jQuery<p>thnks dharmendra sir ,</p> <p>i resolve it by my self.d</p> <pre class="brush: js"> carouselProduct = $(&#39;.slider-pager&#39;).bxSlider({ maxSlides: 3, minSlides: 3, slideWidth: 90, infiniteLoop: false, moveSlides: 1, slideMargin: 8, pager: false, nextSelector: &#39;.slider__nav--next&#39;, prevSelector: &#39;.slider__nav--prev&#39;, nextText: &#39;&rarr;&#39;, prevText: &#39;&larr;&#39;, touchEnabled: false });</pre> <p>&nbsp;</p>https://www.aspforums.net:443/Threads/398420/Open-Video-link-in-IFRAME-inside-jQuery-Modal-Popup-in-jQuery/https://www.aspforums.net:443/Threads/398420/Open-Video-link-in-IFRAME-inside-jQuery-Modal-Popup-in-jQuery/Fri, 02 Aug 2019 04:05:46 GMT