Iframe video manual#
Iframe video archive#
Iframe video code#

data-param-channel-id='SOME_VALUE' becomes &channelId=SOME_VALUE.They may be used to pass custom values through to the player document. The referrerpolicy to be set on the iframe element.Īll data-param-* attributes are added as query parameters to the iframe's src. Set this attribute if the document inside the iframe implements rotate-to-fullscreen independently. Set this attribute if the document inside the iframe implements the MediaSession API independently. For more details, see documentation on the docking extension itself. If this attribute is present and the video is playing manually, the video will be 'minimized' and fixed to a corner or an element when the user scrolls out of the video component's visual area. This element includes common attributes extended to AMP components. To be played, which are outlined in the Video in AMP spec. There are some conditions that the component needs to meet If this attribute is present, and the browser supports autoplay, the video will be automatically It's recommended to always set this attribute for best perceived performance. URL to an image displayed while the video loads. This fragment is only added if the URL specified by src does Source documents to know that they are embedded in the AMP context. The src attribute behaves mainly like on a standard iframe with one exception: the #amp=1 fragment is added to the URL to allow This means landing pages may be broken, even if the ad itself appears to work.Īmp-video-iframe has no controlled resize mechanism. This AMP policy may be enforced by not rendering the respective iframes.Īdvertising use cases should use amp-ad instead.Īmp-video-iframe enforces sandboxing and the sandbox is also applied to child iframes. It is OK to use amp-video-iframe for the purpose of displaying videos, where part of the videos are advertising. Usage of amp-video-iframe for advertisingĪmp-video-iframe must not be used for the primary purpose of displaying advertising. In short, amp-video-iframe plugs AMP video features into an embedded document that hosts a video player. If you're a 3rd party video vendor, you can use amp-video-iframe to provide a simple way for authors to embed video.Īmp-video-iframe has several important differences from vanilla iframes and amp-iframe.īy default, an amp-video-iframe is sandboxed.Īmp-video-iframe implements all Video Features, like autoplay, minimize-to-corner and rotate-to-fullscreen.Īmp-video-iframe must only request resources via HTTPS. This is different from using amp-iframe in that it enables Video Features on AMP. If you've built a custom player or are using one provided by an unsupported 3rd party, you should use amp-video-iframe. If you're using a common 3rd party like Youtube, Vimeo or others supported in AMP, you should use their supported component (e.g.

If you'd like to include a video directly on the AMP document, you should use amp-video. Video player and would like to embed it in an AMP document, or if your player is provided by a third party not

Iframe video manual#

Step-by-step manual to integrate the player using iframe.This component is useful if you've built your own Javascript-based

Iframe video archive#

Player variables (file, poster, etc.) can be passed in the iframe query string.ĭownload the example (unpack the archive into a folder, copy the player (playerjs.js) into it and run the file test.html)

Iframe video code#

The iframe code that you embed into the web page will be as follows: In the same folder should be the player's file (playerjs.js). Var ps = (('html?')+5).split('&') įor example, you place this code in the player.html file and put it in the player folder. You can embed the player on your site via iframe (so distribute all video-sharing sites like YouTube).Īn iframe is the site layout element in which the HTML page is loaded.