In this tutorial, you will learn how to use the HTML iframe tag with examples and how to customize its appearance and behavior. Treehouse recently released html video and audio which you may want to check out. HTML Iframes are used to insert a webpage inside another webpage. You'll use the html5 video element, and possibly a flash fallback, when you are hosting your own videos. You'll likely use an when you need to embed a video that is hosted on another site onto your own web page. Cliquez sur le bouton de chapitre sur le lecteur vidéo pour les voir. You can drill down into the iframe and eventually find the actual code that's playing the video. You'll be able to see this if you use your browser dev tools to inspect the html. You can use this id, and refer to your video in the HTML code. Il faut être attentif, dans ce cas, aux politiques de sécurité et de confidentialité des sites tiers. Pour visionner cette vidéo, veuillez activer JavaScript et envisager de passer à un navigateur Web qui prend en charge la vidéo HTML5. That source that is inside the iframe will either contain an object/embed code for flash or it might contain the html5 video element depending on what browser you're using. So the iframe isn't responsible for playing the video but rather it's responsible for loading the source of a vimeo url onto your own page. The reason an iframe was used is because that video was being hosted on vimeo and the iframe code is required in order to embed the vimeo video onto your own web page. It's only loading a url which contains code that is playing the video.
In this video here from the course, the iframe is not playing the video. The video element allows a browser to play a video natively, as opposed to a plugin like flash, an iframe allows you to load the source of another url into your page. If you get stuck please contact for some help.It's not really an issue or a choice between the html5 video element and an They do 2 different things. Don't forget to close the div tag, add the following after the. The padding-top setting here is how you can control the aspect ratio of the video.Ĥ. From the iframe code you got from Facebook delete the width and height tags. You may need to edit this code you received from Facebook to make it responsive on mobile.ġ. An iframe works almost like an image created with the img element, except that the content in the external resource is HTML code rather than binary image data. It is one of the embedded content tags in HTML.
Go to your website and add an HTML code block.Įxperts: How to make my Facebook video responsive on mobile. The