Lady Gaga

Salam hormat rakan-rakan IM sekalian. Post kali ini saya nak straight to the point nak tunjukkan bagaimana memasukkan video Youtube yang responsif – iaitu saiz video boleh berubah-ubah mengikut browser yang kita guna. Baiklah, anda perlu lakukan 2 langkah utama dengan mengedit fail .css dan juga kod HTML di website anda untuk menjadikan saiz video youtube yang anda embed di website anda responsif.

Langkah 1 – tambah kod ini ke fail .css anda

CSS

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

Next, edit add some HTML around your embed code.

HTML

1
2
3
<div class="video-container">
         <iframe src="http://www.youtube.com/embed/dFVxGRekRSg" frameborder="0" width="560" height="315"></iframe>
</div>

Jika anda lakukannya dengan betul, anda boleh lihat saiz video akan berubah. Sebagai contoh, sila layari http://jururawatbergerak.my menggunakan komputer dan juga handphone anda. Anda boleh lihat, saiz video yang terdapat di laman web tersebut berubah mengikut devise yang anda gunakan.

About Tarmizi Sukarno

Im a part time internet marketer, Online Seller, Offline Seller, and Creative Advertiser Implementer. Feel free to contact me at +6011-38800002 for free consultations to improve your business.

470 Responses to “Panduan Video Youtube Responsif”

  1. PHYSICS TEST BANKs

    Wow, amazing blog layout! How long have you been blogging for? you made blogging look easy. The overall look of your website is wonderful, let alone the content!. Thanks For Your article about sex.

    Reply
  2. book marketing

    Woah! I am really enjoying the template/theme of this blog. It as simple, yet effective. A lot of times it as tough to get that perfect balance between usability and visual appearance.

    Reply
  3. make him adore you

    Only a smiling visitant here to share the love (:, btw outstanding design and style. Justice is always violent to the party offending, for every man is innocent in his own eyes. by Daniel Defoe.

    Reply
  4. kbforum.dragondoor.com

    We stumbled over here by a different web page and thought I might check things out. I like what I see so i am just following you. Look forward to going over your web page for a second time.

    Reply
  5. Nursing cover

    Spot on with this write-up, I truly think this web site wants way more consideration. I?ll probably be once more to learn way more, thanks for that info.

    Reply
  6. Phuket Attorney

    What as Happening i am new to this, I stumbled upon this I ave found It absolutely helpful and it has helped me out loads. I hope to contribute & aid other users like its helped me. Good job.

    Reply
  7. hairdressing school

    you are really a good webmaster. The site loading pace is amazing. It seems that you are doing any unique trick. In addition, The contents are masterpiece. you have done a great task on this matter!

    Reply
  8. iPad cases

    You generated some decent points there. I looked on-line for that problem and discovered the majority of people will go coupled with with all your internet site.

    Reply
  9. Lips

    It as truly a great and helpful piece of information. I am happy that you just shared this helpful information with us. Please keep us up to date like this. Thank you for sharing.

    Reply
  10. sales funnel

    wonderful issues altogether, you simply won a new reader. What would you recommend in regards to your post that you just made some days ago? Any certain?

    Reply
  11. Dayton

    whoah this blog is fantastic i love reading your posts. Keep up the great work! You know, lots of people are looking around for this information, you can aid them greatly.

    Reply
  12. nicole junkermann

    Your style is so unique in comparison to other folks I have read stuff from. Many thanks for posting when you ave got the opportunity, Guess I all just book mark this site.

    Reply
  13. Delta

    Wow! Thank you! I continually needed to write on my blog something like that. Can I include a fragment of your post to my blog?

    Reply
  14. best binary option

    What as Going down i am new to this, I stumbled upon this I ave found It absolutely useful and it has aided me out loads. I am hoping to contribute & help other customers like its helped me. Good job.

    Reply
  15. Car seat cover

    You ave made some decent points there. I looked on the web to find out more about the issue and found most people will go along with your views on this site.

    Reply
  16. yanhee diet

    Wow, marvelous blog layout! How long have you been blogging for? you make blogging look easy. The overall look of your web site is fantastic, as well as the content!

    Reply
  17. obat sipilis Herbal

    Great gooⅾs from ʏou, man.I hɑve hɑvе in mind үоur stuff рrevious tо and
    you are simply toߋ fantastic. I reallʏ loke what you have obtainned right here, cesrtainly ⅼike
    what you are stating аnd tһe Ƅest way in whiϲh you
    assert it. You maje іt enjoyable and үou continue to care for
    to keep іt sensibⅼe. I ⅽan not wait too learn faг morе from yⲟu.
    That is ɑctually a terrific website.

    Reply
  18. Read More

    Your style is unique in comparison to other folks I ave read stuff from. Thanks for posting when you have the opportunity, Guess I all just book mark this site.

    Reply
  19. obat sipilis ampuh

    Wonderful blog! Ι foynd іt while browsing on Yahoo News.
    Do you have any suggestions on how to gеt listed in Yahoo News?
    Ӏ’ѵe Ьeеn tгying fоr а whilе but I never seem to gеt thеre!
    Тhank you

    Reply
  20. Marrakech tours

    This website is known as a stroll-by way of for all the information you needed about this and didn?t know who to ask. Glimpse right here, and also you?ll undoubtedly uncover it.

    Reply
  21. TSX Today

    Wow! This could be one particular of the most useful blogs We have ever arrive across on this subject. Actually Magnificent. I am also a specialist in this topic so I can understand your effort.

    Reply
  22. ec Singapore

    magnificent post, very informative. I wonder why the other specialists of this sector do not notice this. You must continue your writing. I am sure, you have a great readers a base already!

    Reply
  23. top Rialto Cali banks

    Websites we recommend Wow, superb blog layout! How long have you been blogging for? you make blogging look easy. The overall look of your site is excellent, as well as the content!

    Reply
  24. weed

    You get mentioned really interesting information! ps good website. |very fascinating information!. |Glad My spouse and i noticed this kind of on yahoo. |

    Reply
  25. live casino online

    You can certainly see your skills within the work you write. The arena hopes for even more passionate writers such as you who aren at afraid to say how they believe. All the time go after your heart.

    Reply
  26. diaper bag backpacks

    ItaаАа’б‚Т€ТšаЂаŒаАа’б‚Т€ТžаБТžs difficult to get knowledgeable folks on this subject, but the truth is be understood as what happens you are preaching about! Thanks

    Reply
  27. Yaramaz TV

    You completed several good points there. I did specific searches on the issue and found many people go in conjunction with along with your blog.

    Reply
  28. Nannik TV

    My brother suggested I might like this website. He was entirely right. This post actually made my day. You cann at imagine just how much time I had spent for this information! Thanks!

    Reply
  29. รับทำ seo

    I do consider all of the ideas you have presented for
    your post. They are very convincing and can definitely work.
    Nonetheless, the posts are too quick for starters.

    May just you please extend them a little from subsequent time?
    Thanks for the post.

    Reply
  30. makii miracle

    Its like you read my mind! You appear to know a lot about this, like you wrote the book in it or something.
    I think that you could do with a few pics to drive the message
    home a bit, but other than that, this is fantastic blog.
    An excellent read. I will definitely be back.

    Reply
  31. پنجره

    This blog is definitely cool and factual. I have discovered many interesting stuff out of this source. I ad love to visit it every once in a while. Cheers!

    Reply
  32. road bike

    Whoa! This blog looks just like my old one! It as on a completely different subject but it has pretty much the same page layout and design. Superb choice of colors!

    Reply
  33. vancouver seo

    It as not that I want to duplicate your web-site, but I really like the design. Could you let me know which theme are you using? Or was it especially designed?

    Reply
  34. women jacket

    Your style is very unique compared to other people I ave read stuff from. Thanks for posting when you have the opportunity, Guess I all just book mark this page.

    Reply
  35. แก้ตกขาวมีกลิ่นเหม็น

    Today, I went to the beachfront with my children.
    I found a sea shell and gave it to my 4 year old
    daughter and said “You can hear the ocean if you put this to your ear.” She put the
    shell to her ear and screamed. There was a hermit crab inside
    and it pinched her ear. She never wants to go back!
    LoL I know this is completely off topic but I had to tell
    someone!

    Reply
  36. breast cancer 70-year-old woman

    With havin so much content and articles do you ever run into any problems of plagorism or copyright violation?
    My website has a lot of completely unique content I’ve either created
    myself or outsourced but it seems a lot of it is popping it up all over the
    internet without my agreement. Do you know any solutions to help reduce content
    from being ripped off? I’d truly appreciate it.

    Reply
  37. yopute momde

    M8ovdm Whats up! I simply wish to give a huge thumbs up for the nice information you may have here on this post. I will be coming back to your blog for extra soon.

    Reply
  38. vancouver seo

    Wow, fantastic blog structure! How lengthy have you been running a blog for? you made running a blog look easy. The entire glance of your site is excellent, as well as the content material!

    Reply
  39. Leahter Jacket

    Your style is unique compared to other people I have read stuff from. Thank you for posting when you ave got the opportunity, Guess I will just book mark this site.

    Reply
  40. alicia rhodes

    You have made some good points there. I checked on the net for more info about the issue and found most people will go along with your views on this site.

    Reply
  41. this website

    Normally I don at read article on blogs, but I would like to say that this write-up very compelled me to check out and do so! Your writing taste has been surprised me. Thanks, quite nice post.

    Reply
  42. mobile beauty services

    You can certainly see your skills within the work you write. The arena hopes for even more passionate writers such as you who aren at afraid to say how they believe. All the time go after your heart.

    Reply
  43. see the website

    Nice blog here! Also your web site loads up very fast! What host are you using? Can I get your affiliate link to your host? I wish my website loaded up as quickly as yours lol

    Reply
  44. for more info

    My brother recommended I might like this website. He was totally right. This post actually made my day. You cann at imagine just how much time I had spent for this information! Thanks!

    Reply
  45. Model Papers 2018

    I think other web-site proprietors should take this website as an model, very clean and wonderful user genial style and design, as well as the content. You are an expert in this topic!

    Reply
  46. Escorts

    Retain up the terrific piece of function, I read few content material on this website and I think that your web weblog is actual intriguing and has got circles of good info .

    Reply
  47. loft conversions london

    Thanks for another wonderful article. Where else could anyone get that kind of info in such an ideal manner of writing? I ave a presentation next week, and I am on the look for such information.

    Reply
  48. iron warrior

    Your style is unique compared to other folks I ave read stuff from. I appreciate you for posting when you ave got the opportunity, Guess I all just book mark this blog.

    Reply
  49. Coupons Codes

    I thought it was going to be some boring old publish, but it really compensated for my time. I will post a link to this page on my blog page. I am sure my visitors will come across that very useful

    Reply
  50. เพิ่มน้ำนม

    It’s the best time to make some plans for the future and
    it is time to be happy. I’ve read this post and if I could I want to suggest
    you some interesting things or advice. Perhaps you can write next articles referring to
    this article. I wish to read even more things about it!

    Reply
  51. ริดสีดวง

    I like the valuable information you provide in your articles.
    I will bookmark your blog and check again here frequently.
    I’m quite certain I will learn many new stuff right
    here! Best of luck for the next!

    Reply
  52. growshop online

    Nice weblog here! Additionally your site loads up very fast! What host are you using? Can I am getting your affiliate link for your host? I wish my site loaded up as fast as yours lol

    Reply
  53. for more info

    Wow, fantastic blog layout! How long have you been blogging for? you make blogging look easy. The overall look of your web site is wonderful, as well as the content!

    Reply
  54. Studyflow

    That is a great tip particularly to those new to the blogosphere. Short but very precise info Appreciate your sharing this one. A must read post!

    Reply
  55. Sofas & Couches

    Im no expert, but I feel you just made the best point. You obviously understand what youre talking about, and I can really get behind that. Thanks for staying so upfront and so genuine.

    Reply
  56. well-being

    It’а†s actually a great and useful piece of information. I am glad that you shared this useful info with us. Please keep us up to date like this. Thank you for sharing.

    Reply
  57. Cryptocurrency wallet

    Very nice info and straight to the point. I don at know if this is actually the best place to ask but do you folks have any thoughts on where to hire some professional writers? Thank you

    Reply
  58. seo

    This site truly has all of the information and facts I wanted concerning this subject and didn at know who to ask.

    Reply
  59. VANCOUVER SEO

    IA?AаЂа†ve read several excellent stuff here. Certainly value bookmarking for revisiting. I wonder how much attempt you set to make this kind of wonderful informative website.

    Reply
  60. shopify expert plus

    We stumbled over here from a different web page and thought I might as well check things out. I like what I see so i am just following you. Look forward to checking out your web page repeatedly.

    Reply
  61. โฆษณา google adsense

    Excellent beat ! I wish to apprentice while you amend your web site, how could i
    subscribe for a blog site? The account aided me a acceptable deal.
    I had been tiny bit acquainted of this your broadcast provided bright clear idea

    Reply
  62. this website

    It as really a nice and helpful piece of information. I am glad that you shared this helpful information with us. Please keep us informed like this. Thanks for sharing.

    Reply
  63. visit website

    You can definitely see your enthusiasm in the paintings you write. The sector hopes for more passionate writers like you who aren at afraid to mention how they believe. At all times follow your heart.

    Reply
  64. TSX TODAY

    This blog is really cool and besides informative. I have chosen a lot of useful advices out of this amazing blog. I ad love to visit it over and over again. Thanks!

    Reply
  65. vancouver seo

    You can certainly see your enthusiasm in the paintings you write. The world hopes for more passionate writers like you who aren at afraid to mention how they believe. Always go after your heart.

    Reply
  66. google business listing

    Im no professional, but I consider you just made an excellent point. You clearly comprehend what youre talking about, and I can seriously get behind that. Thanks for being so upfront and so truthful.

    Reply
  67. didim escort

    Wow, amazing blog layout! How long have you been blogging for? you made blogging look easy. The overall look of your website is excellent, let alone the content!

    Reply
  68. san pio

    It as nearly impossible to find experienced people on this subject, however, you sound like you know what you are talking about! Thanks

    Reply
  69. booking

    The methods stated in this paragraph concerning to increase traffic at you own web site are actually pleasant, thanks for such pleasant post.

    Reply
  70. anal

    Please forgive my English.I ave recently started a blog, the information you provide on this website has helped me tremendously. Thanks for all of your time & work.

    Reply
  71. dick

    that would be the end of this article. Here you will find some web pages that we think you will enjoy, just click the hyperlinks over

    Reply
  72. Traducción danés

    Wow, superb weblog structure! How long have you ever been running a blog for? you made blogging look easy. The entire look of your website is wonderful, let alone the content material!

    Reply
  73. Bus Charter Paris

    This particular blog is definitely awesome and also amusing. I have picked up a bunch of interesting tips out of it. I ad love to go back over and over again. Thanks a lot!

    Reply
  74. bitcoincode

    Your style is very unique in comparison to other folks I ave read stuff from. Many thanks for posting when you ave got the opportunity, Guess I all just book mark this site.

    Reply
  75. fashion

    Incredible! This blog looks just like my old one! It as on a completely different topic but it has pretty much the same page layout and design. Excellent choice of colors!

    Reply
  76. ล้อแม็ก

    Write more, thats all I have to say. Literally, it seems as though
    you relied on the video to make your point. You clearly
    know what youre talking about, why throw away your
    intelligence on just posting videos to your blog when you could be giving us something informative to read?

    Reply
  77. Private

    This very blog is definitely cool and besides factual. I have picked many interesting things out of this source. I ad love to visit it every once in a while. Thanks a lot!

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

Trackbacks and Pingbacks:

  1. obat jengger ayam tradisional

    obat jengger ayam tradisional

    Hallo i particularly like about the picture / article / presentation that you describe. Very unique, interesting and useful. denature Indonesia yaitu sebuah perusahaan yang fokus dalam bidang obat herbal aman dan ampuh tanpa efek samping. obat kami san…

  2. kelamin

    obat perontok kutil kelamin

    Hallo i particularly like about the picture / article / presentation that you describe. Very unique, interesting and useful. denature Indonesia yaitu sebuah perusahaan yang fokus dalam bidang obat herbal aman dan ampuh tanpa efek samping. obat kami san…

  3. anus

    obat kutil di anus

    Hallo i particularly like about the picture / article / presentation that you describe. Very unique, interesting and useful. denature Indonesia yaitu sebuah perusahaan yang fokus dalam bidang obat herbal aman dan ampuh tanpa efek samping. obat kami san…

  4. Obat Wasir Ambeien Herbal di Bone Bolango

    Cara Mengobati Ambeien Ampuh

    sangat bermanfaat sekali

  5. obat kutil oral

    ramuan obat kutil kelamin

    terimakasih masta

  6. Obat Wasir Ambeien Herbal di Tanjung Jabung Timur

    Cara Mengatasi Bab Keras Tidak Bisa Keluar

    terimakasih masta

  7. Obat Wasir Ambeien Herbal di Bangka Tengah

    Sakit Di Tempat Buang Air Besar

    terimakasih masta

  8. obat kutil swiss paris lotion

    obat kutil sederhana

    sangat bermanfaat sekali

  9. obat luar kutil kelamin

    obat kutil berdarah

    sangat bermanfaat bagi saya

  10. Makalah Penyakit Kondiloma Akuminata

    kutil kelamin gejala hiv

    sangat membantu sekali

  11. Jamu Kutil Kelamin

    Kutil Kelamin Pada Lidah

    Thx for sharing

  12. Apakah Penyakit Jengger Ayam Berbahaya

    Obat Penyakit Kelamin Seperti Kutil DiAceh Barat

    Pin BB DA4C5F4E.

  13. cara mengobati kutil di leher

    jenis jenis kutil

    awesome

  14. kutil hitam

    macam kutil

    thanks

  15. cara mengatasi kutil di leher

    penyakit kulit kutil

    thanks

  16. Ciri Terkena Ambeien

    Cara Mengobati Ambeien Parah

    We like to honor many other world wide web sites around the internet, even if they are Wohh exactly what I was looking for, appreciate it for putting up.

  17. Apa Penyebab Kutil Di Kelamin

    Operasi Kutil Di Anus

    Thx for sharing

  18. obat kutil kelamin yang dijual di apotik

    Obat Tradisional Kutil Di Kemaluan Pria

    jual obat kutil kutil kelamain

  19. Obat Herpes Genital Di Malaysia

    Jual Obat Herpes Genital Dan Herpes Simpleks Di Malaysia

    […]you made running a blog glance[…]

  20. Ubat Kutil Kelamin Malaysia

    Obat Kutil Kelamin Yang Dijual Bebas Di Apotik

    thanks for anything

  21. Obat Kutil Merpati

    Kondiloma Penyebab

    thanks for sharing

  22. cara sembuhkan wasir

    ambeien luar kecil

    sangat sangat membantu sekali

  23. obat herbal original denature

    Jual Obat Herpes Genital Dan Herpes Simpleks Di Malaysia

    obat sipilis di bandung#https://www.tokopedia.com/obatherbalshoop/obat-sipilis-raja-singa-di-bandung-1?trkid=f=Ca0000L000P0W0S0Sh00Co0Po0Fr0Cb0_src=search_page=1_ob=23_q=obat sipilis di bandung_catid=2289_po=1

  24. gejala ambeyen

    kenapa air mani keluar sendiri

    waw… tambahkan semangat yah dalam menyebarkan ayat-ayat Allah dalam blog mu… tentang semangat ,,, biar tambah semangat nih yang baca

  25. Harga Obat Jengger Ayam DiKota Mojokerto

    Kutil Kelamin Bisa Sembuh Dengan Sendirinya DiKaimana

    De Nature Indonesia Menyediakan Berbagai Macam Obat herbal Untuk Mengobati Penyakit Kutil Kelamin Atau Ketuat Dan Penyakit Lainnya Secara Alami Dan Herbal.