… and your video should now expand to the full-width of the page or column and it should shrink on smaller screen sizes. Your Custom HTML block should now read something like this Insert on a line after the allowfullscreen=””> the following.Insert on a line above the opening the following.KEY – you must, right now, insert =”” (equal sign-double quote-double quote) directly after the phrase allowfullscreen, to look like this at the end: allowfullscreen =”” > (red is for emphasis only) See why “right now” is so important, below.It will begin with – and paste that into the “Custom HTML” block. Copy the HTML code you see in YouTube’s “Embed Video” window.Select “Share”(just below the player window).I tried adding &autoplay1 to the url, which worked with the old style, but it didnt work. Insert a “Custom HTML” block in your page (not an “Embed” block – The WP embed blocks are frames for URLs, not really for HTML embedding) I cant work out how to autoplay a video using the new embed code style for Youtube.Now, when you add the embed code for a YouTube do the following: This will let us put the video in a separate “container” (a “div” class) that controls the display of the only-partially-responsive YouTube code. To make the following work we’ve added CSS code to “Appearance / Additional CSS” section in the dashboard (left sidebar). The explanation and the cautionary box are to help the first time you do this. Here’s what we do on the DC site to fix that, without having a plugin available to do it for us. You can only paste a URL in those blocks and YouTube still controls the playback as above (i.e., smaller, but not larger, playback sizes). Confusingly (!!?) both the WP (actually, Jetpack) “Embed” block and the specific “YouTube” embed block do not provide controls on our site for fully managing the display. Note: that the YouTube Embed code ( ) will only work with WP’s “Custom HTML” block. It will usually be something like “width=”560″ height=”315” It will be responsive for smaller screen sizes but will not make the video appear to fill a page or column wider than about 600px.Setting these dimensions higher in order to fill the page/column width just makes them hang out of the page frame on smaller browser windows. We have created a bunch of responsive website templates you can use - for free Web Hosting. Learn the basics of HTML in a fun and engaging video tutorial. By default, the “Embed” code (that begins and ends with ) generated by YouTube’s “Share” feature will come with a width and height setting in pixels. Code Editor (Try it) With our online code editor, you can edit code and view the result in your browser.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |