All Questions
314
questions
59
votes
7
answers
168k
views
Properly embedding Youtube video into bootstrap 3.0 page
I need to embed a YouTube video into my responsive site but it's not scaling correctly, especially on mobile.
It looks fine on desktop and tablets but once you get below a viewport width of 600, the ...
- 691
44
votes
6
answers
195k
views
How to embed PDF file with responsive width
I'm embedding pdf files using something like this:
<div class="graph-outline">
<object style="width:100%;" data="path/to/file.pdf?#zoom=85&scrollbar=0&toolbar=0&navpanes=0" ...
- 33k
40
votes
4
answers
45k
views
How to specify parameters to google chrome adobe pdf viewer?
I have an embed tag like this:
<embed src="../../Content/PDF/StockReport.pdf#zoom=50" width="100%" height="100%">
the #zoom=50 is a parameter that tells the pdf reader to zoom to 50%.
This ...
- 27.8k
25
votes
5
answers
76k
views
How to get height=100% on <object> Embed
I'm trying to insert the following code but it is not working.
I am not able to get 100% height with this. Can anyone help me?
Thanks!
<body style="overflow:hidden;">
<TABLE align=left width=...
- 281
21
votes
3
answers
85k
views
'Segoe UI' font with font-face & local
I want to use the "Segoe UI" font in a website if it is installed in the user's computer.
I have declared all the styles with @font-face in order to use the font-weight property to change the ...
- 1,045
19
votes
2
answers
4k
views
HTML5 game touch issues when embedded in an iframe
I'm trying to embed HTML5 games in iframes to display in browser on mobile devices such as iPads and iPhones.
If you visit them directly on an iPad they work fine.
But if you embed them using an ...
- 12k
9
votes
1
answer
34k
views
How to embed VLC in webpage
I am trying to embed a video into my HTML/ASP webpage using VLC. The box appears showing the VLC player in FireFox, but it won't play anything. This is what it looks like:
Please tell me what I am ...
- 542
8
votes
2
answers
13k
views
What is the best way to include custom font using CSS to make it compatible with maximum browsers?
I have tried various codes to embed custom font and finally following seems to work in FF & IE8 above. But it does not support in IE7.
@font-face {
font-family: 'xyzfont';
src: url('fonts/abc-...
- 931
8
votes
1
answer
1k
views
Floating Parallax DIV Background Image Jumps When Scrolled Over Embedded Vimeo YouTube or Flash in Chrome/Safari Only
I'm working on a parallax web template I downloaded that has divs with background images that parallax and float over other lower z-index content.
Whenever I embed a Vimeo or YouTube video using ...
- 533
7
votes
2
answers
10k
views
Placing a div in front of a flash embed
I need to place a div tag above literally everything else on the page. I've read that setting wmode param to opaque will do it, but also heard that that will only effect IE. Is this true? How do ...
- 61.4k
6
votes
1
answer
3k
views
Where to place the Google fonts code in <head> for maximum efficiency?
Where in your <head> do you place the Google fonts code for maximum efficiency / minimal page load time? Before/after your other stylesheets and scripts? Are there any considerations other than ...
- 445
5
votes
5
answers
11k
views
Twitter Embedded Timeline Background Colour
Using the following twitter embed method (https://dev.twitter.com/web/embedded-timelines) specifically using the grid layout, is there a way to control background colour?
The issue in context: http://...
- 986
5
votes
2
answers
3k
views
How to embed phpinfo() within a page without affecting that page's CSS styles
I want to embed phpinfo() within an admin page. Keeping the sites navigation and styles. However, the styles applied within the function run amuck with the site's own styles (breaks navigation styles)....
- 343
5
votes
2
answers
4k
views
z-index issue with YouTube iFrame (in full screen mode)
wondered if anyone can shed some light...
If you watch the video in full-screen mode on this page: http://singtonicity.com.gridhosted.co.uk/ you'll notice some elements float on top of the video (to ...
- 125
5
votes
3
answers
21k
views
Responsively embed Bootstrap webpage in an iframe
I am working on a SaaS application, which essentially provides a full webpage to the client. The client can access their page at: http://client.myapp.com . However I want to allow clients to embed ...
- 1,397
5
votes
1
answer
21k
views
How to loop an embeded YouTube video?
I am embedding a YouTube video without playback controls, or video title, but I want it to autoplay and loop. Everything works except the loop. What am I doing wrong?
<div class='embed-...
- 698
5
votes
4
answers
36k
views
css embed no scrollbar
Alright, I have a a page with an ajax button on it. When you hit the ajax button, it throws an embed object into the 'data' div. Everything works fine, my problem is that the embed is creating a ...
- 73
5
votes
1
answer
3k
views
Translate3d doesn't move embedded element in Safari (Windows only)
I'm trying to move an embedded element with the CSS3's transform: translate3d() method. It works perfectly in every browser, except for Safari, which doesn't seem to move the video/audio itself but ...
- 878
5
votes
2
answers
486
views
Is it possible to have a youtube video play when a certain CSS is picked?
I'm Looking for a way to have different youtube videos appear and play when a certain CSS is picked, from a drop down menu. I was thinking JavaScript could be used to check for the CSS.
Adding to the ...
- 59
4
votes
1
answer
31k
views
How to make an iframe responsive for mobile?
I am attempting to embed an iframe object onto a page of my wordpress website. I am able to embed the iframe, however, the object runs off of the screen on a mobile device. This is the iframe that I ...
4
votes
2
answers
6k
views
Trying to make a google sheet embed auto size (without scrolling) on the webpage
I've tried using fit-content, fill-content, height="100%", and height="auto"
I'm not sure if this is possible, but if it's not google definitely should try and figure out a way to ...
- 720
4
votes
5
answers
5k
views
Is embed tag new in HTML5? [duplicate]
Possible Duplicate:
Hasn't the <embed> tag been around for a while?
The w3c page says is new in html5.
http://www.w3schools.com/html5/tag_embed.asp
However i have been seeing embed ...
- 50.1k
4
votes
2
answers
2k
views
how do I test web embedded fonts on my webpage?
I am working on a website that needs embedded fonts.
Everything looks great, except, if I delete the local Prelo fonts from my machine (backed them up) the fonts stop working in the browser. Of ...
- 689
4
votes
2
answers
4k
views
Force fixed nav bar on top of iframe?
I have navigation fixed to the top of my page, but if an iframe-embedded youtube video is scrolled over it, it shows up on top of the nav (as well as any overlay or modal window-div).
Tried setting ...
- 10.6k
4
votes
1
answer
3k
views
How to Make A Responsive YouTube Embed in a Grid/Column (Responsive Iframe)
The Problem: I need a responsive layout (100% page width, preferably) that features an embedded YouTube video on the left and a grid of thumbnail images on the right.
I naively thought iframes ...
- 171
4
votes
0
answers
756
views
pointer-events:none on embed/object in and out of iframe browser inconsistencies/bugs
I need to have pointer-events: none on a youtube video to allow clicking of the parent div. Not being able to interact with the video is required behaviour. Check out the jsfiddle:
http://jsfiddle....
- 1,549
3
votes
4
answers
14k
views
How do I embed a CodePen in my web page?
I tried adding a CodePen (from codepen.io) to my web page, but it does not show up the way I want it to. It only shows the text: 'See the Pen ... on CodePen'. The picture I added shows the embed ...
- 187
3
votes
1
answer
2k
views
how to embed bokeh server plots to html and css templete - python
i am having a bokeh server application . i need to add some custom html and css styling to it. somebody please suggest me how can i embed this plot into a html div and apply some css.
this ...
- 103
3
votes
1
answer
4k
views
Trouble making height responsive youtube embed with bootstrap
I am using Bootstraps grid system to create a responsive site that displays content in containers, never exceeding the viewing height, and display width using three columns, unless viewed through a ...
- 4,823
3
votes
1
answer
5k
views
How to change the content value of iconmoon font?
I've used icomoon font on my menu. I could not change the font icon of PICTURE menu. Initially it was BLOG icon. And now I need to change it with the icon of PICTURE (CAMERA). How to change the ...
- 83
3
votes
3
answers
4k
views
JW Player: cross-browser "display:none" player behavior
Is there a simple, upfront method to have FF and IE treat hidden JW Players the same?
I am placing different instances of the player dynamically in jQuery generated tabs. In effect, switching tabs ...
- 5,807
3
votes
2
answers
10k
views
HTML Embed object has a grey background. Can it be transparent?
I'm using Firefox with an opensource plugin to playback video. The video is scaled "as good as possible" to fit the available space defined in the width and height of the embed object. But sometimes ...
- 6,227
3
votes
2
answers
2k
views
Embedding YouTube video changes font look on elements outside the iframe
I'm adding a YouTube video to a web page, and it's oddly affecting the existing text on my page. I've narrowed it down to a small example which shows up the problem quite well, at least in Chrome and ...
- 38.1k
3
votes
0
answers
6k
views
whitespace next to embedded tiktok
I have embedded a tiktok onto my site using the copy embed code on the tiktok, and I am happy with the layout of it on desktop screen. However, in mobile screen, I have used flex-direction: colun but ...
- 87
2
votes
7
answers
15k
views
How to get rid of white space around an <embed> element?
SUMMARY: an embed with 100% width and height pushes its parents size to be 100% width and height of the grandparent. How do I get the embed element to collapse all the white space around it so that it ...
- 38.6k
2
votes
3
answers
679
views
Help making nicely centered columns with images of varying ratios
I'm trying to make three columns with the titles "Friday", "Saturday", and "Sunday". Each column will have a series of images that are embedded via embedly (which end up as <img> tags where I ...
- 13.7k
2
votes
2
answers
3k
views
Embedded SVG (with fallback) without using jQuery
I need a way to 1) embed an SVG with a PNG fallback, and 2) use CSS in an external stylesheet to style colors on certain parts of the SVG while 3) without using jQuery.
Background:
At work we link to ...
- 173
2
votes
1
answer
61
views
Embed video position
I added an embed video to my website but it has a really bad position, how do I fix it?
This is how it looks like now:
This is how I want it to look like (Red box is embed video):
.topnav {
...
- 43
2
votes
1
answer
5k
views
Embed youtube video height issue
I'm trying to embed a youtube video into my project, it works and I also tried to apply a 16:9 ratio with padding-bottom: 56.25% like as most tutorials out there.
The issue is, the height of video is ...
- 1,159
2
votes
2
answers
3k
views
HTML: Trying to remove element from embedded Google Calendar
I embedded a google calendar into my html using something like this:
<iframe src="https://calendar.google.com/calendar/embed?src=blahblahblahblahblah" style="border: 0" width="800" height="600" ...
- 349
2
votes
1
answer
1k
views
Mega menu div doesn't hover over YouTube embed on Internet Explorer [closed]
If you hover over the More menu item using IE on this page, you will notice that the drop down div displays behind the YouTube embedment. I have tested this on IE8 and IE9 so far.
To solve this, I ...
- 121
2
votes
3
answers
413
views
What's the easiest way to have one element on a webpage stay static while the rest changes?
Not sure if this is a really obvious question or not, but I need to have an embedded music player continue playing while the user views the rest of the website (clicking links to view different pages, ...
- 3,902
2
votes
2
answers
2k
views
Embed php js html code in tinymce, posible?
I have been looking a lot for it but haven't found anithing...
(i want just some editor -i know the same it's hard to get done- like the one i'm using now, where i can share my code in my blog)(My ...
- 19.7k
2
votes
2
answers
545
views
changing the size of embedded PDF in javascript
noob here, I want the embedded PDF to appear with 100% width and 97,5% height but i cant figure it out
<style>.size {
width:100%;
height:97.5%;
}
</style>
<...
- 35
2
votes
5
answers
1k
views
height="x%" not functioning in <embed> tag
I am using the embed tag to display a pdf file. It works perfectly, except for the fact that the "height" property won't work when I define height with % ("width" does what it's supposed to do). It ...
- 21
2
votes
1
answer
3k
views
Style embedded Instagram Photos horizontally
I am having a hard time adding a simple style to embedded instagram photos. I wanted the photos side by side so I used an unordered list and styled it so it was not bulleted and listed them ...
- 23
2
votes
2
answers
6k
views
How do i embed a custom font in CSS?
I have recently been trying to embed font to my website. I don't get it to work, i have watched and read tutorials. I wan't to embed a font called "Ubuntu Light" in ttf format. This is what i have ...
2
votes
1
answer
4k
views
How to hide Youtube controls, title and logo on an embed
I am interested in hiding everything about a Youtube embed.
Right now I am using the next URL params:
controls=0
showinfo=0
So when I try to add "modestbranding=1" it is not working. "showinfo" has ...
- 537
2
votes
1
answer
2k
views
Embed html string with css in a page without affecting the page's style
i have some CSS for the page. I have a block of html code in form of a string, that I am simply writing on the page.
The problem is that the html string contains its own css in it and it overrides ...
- 21
2
votes
4
answers
9k
views
How to put in script tags inside Wordpress Editor?
Been struggling with this problem for hours!
Websites like CSSDeck gives an embed code that consists of a pre and script tag. You can embed that code inside your blog and that stuff will show up. ...
- 15.7k