黄坤宏

Menu

[教程] WordPress网站插入Youtube、优酷等外链视频并且自适应的办法

HTML5使得网站插入外链视频变得更加便捷,现如今Youtube、哔哩哔哩、优酷、腾讯视频、爱奇艺等视频网站也都提供了其网站视频外链的iframe通用代码,但他们提供的iframe嵌入代码各不相同,实际使用情况也不容乐观,常常出现无法嵌入,显示不正常,对小屏设备无法进行网页自适应。

本文介绍的是一段能够实现个视频网站通用,且能够实现自适应网页大小的HTML代码。

代码如下:

<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } </style>
<div class="embed-container"><iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?list=PLwXMmy5fUrVy1d4RBHQbG1nJFQ_HheAGi" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div>

使用方法:

1.复制视频网站外链的嵌入代码

2.从视频网站提供的嵌入代码中提取视频播放的源地址

3.复制视频网站源地址,替换上述代码第二段中的视频地址

4.将这两段代码复制到Wordpress文章中(新版Wordpress需以“自定义HTML”的区块格式插入,使用“段落”区块格式会无法粘贴)

— 于 共写了833个字
— 文内使用到的标签:

894条回应:“[教程] WordPress网站插入Youtube、优酷等外链视频并且自适应的办法”

  1. purchase geodon说道:

    My spouse and i felt now fulfilled that Ervin could deal with his investigation out of the ideas he got out of the web page. It’s not at all simplistic to just choose to be giving freely information and facts that many other folks have been selling. And we also figure out we have the website owner to be grateful to for that. The entire explanations you have made, the simple site menu, the friendships you can give support to engender – it’s got everything fabulous, and it’s really facilitating our son and the family feel that the issue is enjoyable, and that is incredibly indispensable. Thank you for all the pieces!

  2. I simply wished to thank you very much yet again. I do not know what I would have worked on without those ways shown by you relating to this topic. This was the troublesome situation in my view, nevertheless witnessing your well-written way you treated the issue took me to weep with joy. Now i am thankful for your work as well as wish you recognize what an amazing job your are undertaking training the rest with the aid of your websites. Probably you haven’t met any of us.

  3. tofranil no rx说道:

    My husband and i ended up being comfortable Albert could carry out his basic research because of the ideas he acquired from your blog. It’s not at all simplistic just to always be freely giving guidance many others could have been making money from. And now we already know we’ve got the blog owner to appreciate because of that. All of the explanations you’ve made, the easy blog menu, the friendships you aid to create – it’s all astonishing, and it’s aiding our son and our family believe that that article is awesome, and that’s exceedingly essential. Many thanks for all!

  4. I enjoy you because of all of the effort on this blog. Debby delights in conducting internet research and it’s easy to see why. A number of us hear all about the compelling form you create effective guides by means of the blog and boost contribution from other ones about this area of interest and my child has been becoming educated a great deal. Enjoy the remaining portion of the new year. You’re carrying out a fabulous job.

  5. Helpful info. Fortunate me I found your site by chance, and I am surprised why this twist of fate did not came about in advance! I bookmarked it. https://colitismedi.com best Colitis drugs

  6. Nlksju说道:

    generic tadalafil 20mg – tadalafil canadian pharmacy tadalafil online

  7. Scaouq说道:

    propecia – http://finasteridepls.com/ topical propecia

  8. Bslwih说道:

    how long does it take for propecia to work – is propecia safe spark master tape propecia

  9. Nhmpoy说道:

    tadalafil prescription online – canada pharmacy tadalafil tadalafil generic date

  10. Ja naprawdę wartość twoją dzieło, Świetny post szybki test na przeciwciała koronawirus test na przeciwciała.

  11. Ywypfh说道:

    Nfpupn – Samples of viagra sildenafil price 100mg

  12. Bardzo interesujący temat, doceniam to za wystawienie się tlen inhalacyjny 10l.

  13. Kniiwz说道:

    Prryjs – modafinil reviews Zjivcw kbcjhs

  14. Jflotg说道:

    Yvcozd – furosemide online Bkpdvo kbrepk

  15. Uvqddk说道:

    Yqutko – kamapls.com Hbaesx utqhyd

  16. Rcvscq说道:

    Mndxjb – essays com Iqfuld lnbkdr

  17. Mepcjq说道:

    Ixgdiz – viagra pГ©rimГ© Ieqwvr gyatmi

  18. Kvoxuw说道:

    Quzpxb – lasix 100mg Fkpgko xqfwvd

  19. Waezxc说道:

    Tdbybg – buy silagra uk Aknzez hohscy

  20. Hjpkqg说道:

    Frfvtl – silagra Qxokwu esnmul

  21. Jjhkuq说道:

    Cshrlg – tadacip 20 mg Rqrqko peyhmz

  22. Rpbebh说道:

    Nqjvin – stendra 96547 Gjcopv nizdqy

  23. Xalpin说道:

    tadacip 20 online – buy tadacip with paypal tadacip 20 india

  24. Fnhoeg说道:

    celecoxib pills – celecoxib 100mg generic celebrex 200mg tablets

  25. generic viagra total
    brand name viagra in usa
    viagra deals uk SeIca tug

  26. I really like it when folks come together and share views.
    Great blog, keep it up!

  27. Eabhmr说道:

    buy stromectol online – ivermectin 3mg tablets price of ivermectin tablets

  28. Llbmsm说道:

    50 mg topamax coupon – yasmin 0.03 mg 3 mg nexium prices us

  29. viagra generico usa
    amoxicillin brand name india
    www cheap cialis com SeIca tug

  30. Tadanf说道:

    cheap viagra online in india – viagra professional 100mg for sale viagra online cheap india

  31. sildenafil actavis 100 mg pret
    where to get augmentin
    cheap cialis indice SeIca tug

  32. lasix 50 mg说道:

    how mu8ch does viagra cost
    where can i get furosemide
    order viagra internet SeIca tug

  33. prescription viagra australia
    furosemide 40
    levitra price in pakistan SeIca tug

  34. viagra pill ad
    nolvadex and clomid purchase
    buy cialis online india SeIca tug

  35. Pnieby说道:

    generic sildenafil from india – viagra genrico generic sildenafil usa

  36. Ftxozm说道:

    lyrica cheapest price – lyrica 2.0 medication lyrica 50 mg

  37. cheap retin a cream
    can i buy azithromycin online
    buy xenical without consultation SeIca tug

  38. Xpnavt说道:

    topamax for bipolar – generic nexium prescription topamax pills

  39. Lucoil说道:

    GO!!!
    This phrase was said by the first cosmonaut on Earth – Yuri Gagarin. (Yuri Gagarin)
    He was the first astronaut on Earth. He was Russian! …
    Now Russia is becoming a strong country, gas pipelines, a vaccine against COVID-19, an army.
    Is this very reminiscent of the communist Soviet Union?
    How do you think?
    Now we have total control in our country. I am interested in the opinion of foreigners.

    Албонумисматико

    ПОЕХАЛИ!!

  40. Vfzffb说道:

    stromectol canada – stromectol ivermectin tablets stromectol 3 mg tablet

  41. Lucow说道:

    GO!!!
    This phrase was said by the first cosmonaut on Earth – Yuri Gagarin. (Yuri Gagarin)
    He was the first astronaut on Earth. He was Russian! …
    Now Russia is becoming a strong country, gas pipelines, a vaccine against COVID-19, an army.
    Is this very reminiscent of the communist Soviet Union?
    How do you think?
    Now we have total control in our country. I am interested in the opinion of foreigners.

    Албонумисматико

    ПОЕХАЛИ!!

  42. Qpyxmj说道:

    ivermectin usa price – stromectol medication where to buy stromectol

  43. viagra sale paypal
    ventolin pills
    sildenafil in deutschland kaufen SeIca tug

  44. Gnwspn说道:

    zofran 16 – can you buy ondansetron online zofran otc canada

  45. Qsgako说道:

    ivermectin 6mg online – stromectol tab ivermectin 0.08

  46. LekE KreMi说道:

    En iyi leke kremi alarak cildinizdeki cilt tonu farklılıklarına son verebililrsiniz, Dünya çapında satışa sunulan hc care leke
    kremine sahip olmak
    sadece bir tık uzakta.. Yaz gelmeden cilt tonu farklılıklarına en iyi leke kremi markası
    ile son verebilirsin!
    Leke kremi ; LeKE KREMi

  47. böcek ilaçlama说道:

    Greate pieces. Keep posting such kind of information on your page.
    Im really impressed by your site.
    Hi there, You have performed a fantastic job. I will definitely digg it and for my
    part suggest to my friends. I’m sure they’ll be benefited from this
    web site.

  48. I’m truly enjoying the design and layout of your blog.
    It’s a very easy on the eyes which makes it much more
    enjoyable for me to come here and visit more often. Did you hire out a designer to create your
    theme? Excellent work!

  49. Iflwns说道:

    ivermectin 250ml – ivermectin 0.2mg buy ivermectin 2mg

  50. I blog frequently and I really appreciate your content.
    The article has really peaked my interest. I am going
    to bookmark your website and keep checking for new information about once
    a week. I subscribed to your Feed too.

  51. Diemhq说道:

    clopidogrel 75 mg tablet – plavix buy plavix 75 mg online uk

  52. All Assignment Help experts provide the best solution for every kind of assignment help to students. We have the expertise in helping students in a range of subjects that come from varied backgrounds.

  53. Thchfv说道:

    if pills don’t work what is next for ed – how to correct ed problems without pills nofap ed pills

  54. Fejamw说道:

    wat is sildenafil voor mannen – viagra kopen bij drogist sildenafil kopen in winkel

  55. It’s nearly impossible to find well-informed people for this topic, but you seem like you
    know what you’re talking about! Thanks

  56. Magnificent beat ! I wish to apprentice while you amend your web
    site, how could i subscribe for a weblog website? The account
    helped me a applicable deal. I have been tiny bit acquainted of
    this your broadcast provided shiny clear idea

  57. Lpzepr说道:

    bactrim sulfamethoxazole – medicine bactrim bactrim forte medicine bactrim antibiotic

  58. lasix 150mg说道:

    buy hoodia gordonii 1000 mg
    furosemide 160mg daily
    viagra paid by echeck paypal SeIca tug

  59. Hzfrbi说道:

    tadalafil tablets 20 mg online – cialis vs cialis professional cheapest brand cialis

  60. how to buy naltrexone online
    lasix tablets online
    generic viagra valium SeIca tug

  61. Rcqkck说道:

    tadalafil online paypal – super active cialis online best cialis online canadian pharmacy

  62. Kişiler genelde ücretsiz şekilde takipçi kasmaya çalışıyorlar,
    yada beğeni, Siz hangisini isterseniz ikisinide bu sitede
    bulunuyor!
    Hemen takipçi yada beğeni hilesi yaparak profilinizi zenginleştir.
    arkadaşların arasında farkını hissettir.

    https://rebrand.ly/takipci-hilesi-

  63. SHELL downloaD说道:

    Sitenizde güvenlik zaafiyeti var mı ? bypass shell içerisindemn özenle seçilmiş sheller den faydalanmak çok
    kolay
    hemen shell download ederek sunucundaki açıkları öğren.

    SHELL downloaD

  64. En ucuz ve en kaliteli takipçilere sahip olmak istemezmisiniz?

    o halde sizi hemen takip2018 e bekliyoruz en kaliteli takipçileri satın alabilir üstelik yüksek fiyatlar ödemeden sahip olabilirsiniz

    ucuz takipçi, ucuz takipçi satın al, ucuz takipçi

  65. Acokzn说道:

    cost of brand name cymbalta – cymbalta otc buy cymbalta online

  66. takipçi al说道:

    Instagram Takipçi Satın Almanızın İşleminin Hesaba Etkisi

    Takipçi almak, Instagram üzerinde popülerliği yakalamak isteyen hesapların kullandığı bir yöntemdir.
    Son zamanların gözde sosyal medya platformlarından olan Instagram, her geçen kendini
    yenileyip güncellemesi ile kullanıcı sayısını milyonlara ulaştırmıştır.
    Fotoğraf ve video paylaşma platformu olan zaman içinde firmaların e-ticaret alanına
    dönüşmüş ve insanlara ek gelir kapışı olmuştur.
    Instagram Takipçi Satın Almanın Profiliniz için Önemi

    Popülerlik ya da ek gelir isteyen kişiler için önemli hale gelen uygulamada bu başarıyı yakalamanın yolu takipçi sayısına bağlı
    olur. Intagram’ da yüksek takipçi sayısına sahip olmak ile pek çok insanın dikkatini
    çekmek daha kolay olur.
    Instagram’ da doğal yollar ile takipçi elde etmek diğer sosyal medya uygulamalarına göre daha zor olması nedeni ile
    Instagram takipçi satın al işlemine başvurulur. Bu işlem, hesabın daha öne çıkmasını sağladığı gibi daha fazla etkileşim almasına da yarar.
    Etkileşim alan bir hesap da Instagram keşfet alanına çıkar böylelikle
    daha çok takipçi hesabı takip etmeye başlar.

    https://rebrand.ly/takipz

  67. May I just say what a comfort to discover an individual who actually knows what they’re
    discussing on the net. You actually know how to bring a problem to light and make it
    important. More and more people must look at this and understand
    this side of your story. I was surprised that you’re not more popular given that you certainly possess
    the gift. https://tadalafil.cleckleyfloors.com/

  68. What i do not realize is actually how you are no longer actually
    much more smartly-preferred than you may be right now.

    You’re very intelligent. You know thus significantly in the case of this matter, produced me personally consider it from a lot of numerous angles.
    Its like women and men don’t seem to be involved unless it is one thing to do with Girl gaga!
    Your personal stuffs outstanding. All the time maintain it up! http://cavalrymenforromney.com/

  69. Sndxml说道:

    synthroid 0.125 mg – 0.025 mg synthroid cost of brand name levothyroxine

  70. İnstagram üzerinde takip edebileceğiniz pek çok sayfa var.
    Kimi eğlenceli paylaşımlar yaparken kimi güldürüyor, kimi ise düşündürüyor.
    Yemek tarifleri ile yapılan paylaşımlar ilgi görürken son yıllarda İnstagram da
    para kazanmak adına satış yapan hesapları da görmek mümkün. Siz de
    sayfanızı takipçi satın al hizmeti ile büyütebilir,
    ilgi görebilirsiniz.
    İnstagram hesabı açtığınızda ya reklam vererek sayfanızı büyütebilir ya da uzun yıllar takipçi sayınızın artmasını bekleyebilirsiniz.
    Peki, ucuz instagram takipçi satın al imkanı
    ile takipçi sayınızı arttırabileceğinizi biliyor musunuz?

    takipcisatinalin.org/

  71. Ctxcvq说道:

    buy amoxicillin 500 mg online canada – amoxil 500 mg cvs amoxicillin price

  72. Aszadf说道:

    what is the generic for vardenafil – vardenafil 10mg what is the generic for vardenafil

  73. excellent points altogether, you just gained
    a brand new reader. What would you suggest about your put up that you just made
    a few days ago? Any certain?

  74. Sayfanızı büyütebilmek için en iyi TAKİPÇİ satın al sitesine sizleri bekliyoruz https://onedio.com/profil/hakan20575967

  75. LEKE KREMİ说道:

    After looking at a number of the blog articles on your site, I seriously appreciate
    your way of writing a blog. I saved it to my bookmark site list and will be
    checking back in the near future. Please check out my website as well and
    let me know your opinion.

  76. İnstagram’da Keşfete Düşmek İçin Takipçi
    Yada Beğeni Satın Al

    İnstagram hesabınızın daha fazla kullanıcı
    tarafından keşfedilmesini ve takipçi sayınızın daha hızlı artmasını
    ister misiniz?
    Bunun için size önerimiz kesinlikleinstagram takipçi SATIN AL hizmetinden faydalanmanız olacaktır.

    1000 instagram takipçi satın al, türk beğeni satın al gibi
    paketleri ile başlayan beğeni hizmetleri birbirinde
    faydalı içeriklere sahiptir.
    Beğeni hizmetleri kullanıcı kalitesine ya da beğeni gönderim şekline göre birbirinden ayrışmaktadır.

  77. leke KREMi说道:

    I do not even know how I ended up here, but I thought this post was good.
    I don’t know who you are but certainly you are going to a famous blogger if you are not already 😉 Cheers!

  78. If some one wishes expert view about running a blog afterward i advise him/her to
    visit this webpage, Keep up the pleasant job. http://antiibioticsland.com/Amoxil.htm

  79. Owxnwb说道:

    vardenafil 20 mg – buy vardenafil from canadian pharmacy vardenafil hydrochloride

  80. Türkiye nin en iyi şampuan ve leke kremi sitesinden hemen leke kremi al, en iyi leke kremi ile lekelerine son ver !

    https://cutt.ly/en-iyi-leke-kremi

  81. I absolutely love your website.. Pleasant colors & theme.
    Did you develop this site yourself? Please reply back as
    I’m hoping to create my own website and would like to know
    where you got this from or what the theme is named.
    Thanks!

  82. Hmm it looks like your blog ate my first comment (it was extremely long) so I guess I’ll just sum it up what I had written and say, I’m thoroughly enjoying
    your blog. I too am an aspiring blog writer but I’m still new to everything.
    Do you have any suggestions for first-time blog writers?
    I’d certainly appreciate it.

  83. I really like it when people get together and share thoughts.
    Great blog, stick with it!

  84. Leke KREMi说道:

    Leke Kremi Satışında Lider Firma hc.com.tr

    Cilt lekeleri, cilt tonu farklılıkları leke kremi gibi cildinizde
    oluşan herhangi bir leke için
    Hccare leke kremini deneyebilirsiniz iddalı bir marka olan bu firmanın tüm ürünleri güvenilir olduğu gibi leke
    kremi de güvenlidir.
    Leke kremi ; https://m2.tc/OZjV

  85. Good day I am so glad I found your blog page, I really found you by mistake, while I
    was browsing on Askjeeve for something else, Regardless
    I am here now and would just like to say thanks a lot for a incredible post and a all
    round enjoyable blog (I also love the theme/design), I don’t have time to read through it all at the minute but I have saved it and also added your RSS
    feeds, so when I have time I will be back to read a great deal more, Please do keep up the great jo.

  86. En iyi leke kremi markası

    Türkiyenin lider kozmetik firması olan hccare sizlere en iyi ödüllü leke
    kremi markasını sunuyor,
    Cilt lekelerine karşı kesin çözüm olan bu en iyi leke kremini kullanmadan karar vermemenizi tavsiye ediyoruz.

    En iyi Leke Kremi

  87. Tgeavv说道:

    canadian online pharmacy reviews – tadalafil canadian pharmacy canadian pharmacy generic viagra

  88. Hey I know this is off topic but I was wondering if
    you knew of any widgets I could add to my blog that automatically tweet
    my newest twitter updates. I’ve been looking for a plug-in like
    this for quite some time and was hoping maybe you would have some experience with something like this.
    Please let me know if you run into anything. I truly enjoy reading
    your blog and I look forward to your new updates. http://cialllis.com/

  89. Bjrdiv说道:

    compare tadalafil prices – viagra online canadian pharmacy rxpharmacycoupons

  90. That is very interesting, You are an excessively professional blogger.
    I’ve joined your rss feed and sit up for looking
    for more of your fantastic post. Also, I’ve shared your website in my social networks

  91. Appreciation to my father who told me on the topic of this website, this web site is genuinely
    remarkable.

  92. tiktok takipçi说道:

    I absolutely love your blog.. Very nice colors & theme.
    Did you develop this website yourself? Please reply back as I’m hoping to create my own personal blog and would love
    to find out where you got this from or what
    the theme is named. Cheers!

  93. I enjoy what you guys are up too. This type of clever work and exposure!

    Keep up the fantastic works guys I’ve included you guys to blogroll. https://hydroxychloroquinee.com/

  94. instagram türk说道:

    I am sure this paragraph has touched all the internet visitors,
    its really really good piece of writing on building up new
    web site.

  95. Clifnh说道:

    viagra 50 mg – pfizer viagra price generic viagra online for sale