本篇內(nèi)容主要講解“怎么在Bootstrap模式中嵌入YouTube視頻”,感興趣的朋友不妨來(lái)看看。本文介紹的方法操作簡(jiǎn)單快捷,實(shí)用性強(qiáng)。下面就讓小編來(lái)帶大家學(xué)習(xí)“怎么在Bootstrap模式中嵌入YouTube視頻”吧!
為涼山州等地區(qū)用戶提供了全套網(wǎng)頁(yè)設(shè)計(jì)制作服務(wù),及涼山州網(wǎng)站建設(shè)行業(yè)解決方案。主營(yíng)業(yè)務(wù)為成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè)、涼山州網(wǎng)站設(shè)計(jì),以傳統(tǒng)方式定制建設(shè)網(wǎng)站,并提供域名空間備案等一條龍服務(wù),秉承以專業(yè)、用心的態(tài)度為用戶提供真誠(chéng)的服務(wù)。我們深信只要達(dá)到每一位用戶的要求,就會(huì)得到認(rèn)可,從而選擇與我們長(zhǎng)期合作。這樣,我們也可以走得更遠(yuǎn)!
答案:在模態(tài)主體中插入YouTube代碼
您可以像在普通網(wǎng)頁(yè)上一樣輕松地將YouTube視頻嵌入或放置在Bootstrap模式中。只需獲取將代碼嵌入YouTube網(wǎng)站并將其放置在.modal-body元素中的代碼即可。但是有一個(gè)小問(wèn)題;當(dāng)您關(guān)閉模式窗口時(shí),YouTube視頻不會(huì)自動(dòng)停止。它將仍在后臺(tái)播放。
要解決此問(wèn)題,您只需使用jQuery動(dòng)態(tài)切換YouTube視頻iframe src屬性的url值即可。讓我們嘗試以下示例:
例試試這個(gè)代碼»
$(document).ready(function(){
/* Get iframe src attribute value i.e. YouTube video url
and store it in a variable */
var url = $("#cartoonVideo").attr('src');
到此,相信大家對(duì)“怎么在Bootstrap模式中嵌入YouTube視頻”有了更深的了解,不妨來(lái)實(shí)際操作一番吧!這里是創(chuàng)新互聯(lián)網(wǎng)站,更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢,關(guān)注我們,繼續(xù)學(xué)習(xí)!