DMXzone Bootstrap 3 Support Product Page
Solved
Embedding a YouTube Video in a Bootstrap3 throws off the page layout.
Reported 24 Feb 2014 19:21:05
1
has this problem
24 Feb 2014 19:21:05 David Slentz posted:
Embedding a YouTube Video in a Bootstrap3 throws off the page layout especially on the "xs" view. I have created customized YouTube views for each of the four viewport sizes, but the "xs" still gets thrown off. The page I am referring to is:dm-webcreation.com/pc2/news.html
Is there a better way to embed this video? (I would use the HTML5 Video Player, but I don't do enough of this embedding yet.)
Replies
Replied 25 Feb 2014 09:46:16
25 Feb 2014 09:46:16 Teodor Kuduschiev replied:
Hello David,
What exactly the issue with the youtube links you inserted is?
What exactly the issue with the youtube links you inserted is?
Replied 26 Feb 2014 11:48:04
26 Feb 2014 11:48:04 David Slentz replied:
It seems to throw the margins off and the text or other elements do not position correctly. This YouTube embed uses iFrame– could that be the problem?
Replied 27 Feb 2014 10:55:29
27 Feb 2014 10:55:29 Teodor Kuduschiev replied:
Most probably the problem is caused by the youtube embed link. Here is a good article explaining how to integrate such content with your responsive deisgn: mobile.smashingmagazine.com/2014/02/27/making-embedded-content-work-in-responsive-design/
OR you can use our HTML5 Video Player
OR you can use our HTML5 Video Player
Replied 07 Dec 2015 03:00:18
07 Dec 2015 03:00:18 Mel Witharana replied:
you need to add embed-responsive this will fixed the issues