Can I embed a .png image into an HTML page?

There are a few Base64 encoders online to help you with this, and this is probably the best I’ve seen: http://www.greywyvern.com/code/php/binary2base64 As that page shows your main options for this are CSS: div.image { width:100px; height:100px; background-image:url(data:image/png;base64,iVBORwA<MoreBase64SringHere>); } Or the <img> tag itself, like this: <img alt=”My Image” src=”data:image/png;base64,iVBORwA<MoreBase64SringHere>” />

How to embed PDF file with responsive width

Simply do this: <object data=”https://stackoverflow.com/questions/16468961/resume.pdf” type=”application/pdf” width=”100%” height=”800px”> <p>It appears you don’t have a PDF plugin for this browser. No biggie… you can <a href=”https://stackoverflow.com/questions/16468961/resume.pdf”>click here to download the PDF file.</a></p> </object>

Force youtube embed to start in 720p

(This answer was updated, as the previous method using vq isn’t recognized anymore.) Specifying the height of the video will change the quality accordingly. example for html 5; <iframe style=”width:100%; height:800px;” src=”https://www.youtube.com/embed/xxxxxxxx”></iframe> If you don’t want to hardcode the width and height you can add a class to the iframe for css media queries. Tested … Read more

Hiding the toolbars surrounding an embedded pdf?

If you use any browser besides Firefox browser, then the following code will embed a PDF file without any toolbars: <embed src=”http://URL_TO_PDF.com/pdf.pdf#toolbar=0&navpanes=0&scrollbar=0″ width=”425″ height=”425″ /> Please note that this does not work on Firefox See the Web Designer’s Guide blog post for details. See the full list of embedded tag parameters for more information.

start/play embedded (iframe) youtube-video on click of an image

The quick and dirty way is to simply swap out the iframe with one that has autoplay=1 set using jQuery. THE HTML Placeholder: <div id=”videoContainer”> <iframe width=”450″ height=”283″ src=”https://www.youtube.com/embed/VIDEO_ID_HERE?wmode=transparent” frameborder=”0″ allowfullscreen wmode=”Opaque”></iframe> </div> Autoplay link: <a class=”introVid” href=”#video”>Watch the video</a></p> THE JQUERY The onClick catcher that calls the function jQuery(‘a.introVid’).click(function(){ autoPlayVideo(‘VIDEO_ID_HERE’,’450′,’283′); }); The function /*——————————– … Read more

Hata!: SQLSTATE[HY000] [1045] Access denied for user 'divattrend_liink'@'localhost' (using password: YES)