/
githubmirror
/
amphtml
Обзор
Документация
Войти
/
githubmirror
/
amphtml
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
examples/amphtml-ads/many-ads.host.html
118 строк
4 KB
Hongfei Ding
Add an autoplay video ad example. (#25407)
05 ноя 2019, 01:29
Не верифицирован
05 ноя 2019, 01:29
abcfae6
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Many AMPHTML ads</title> <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"> <style> body { margin: 0; } h3 { margin-left: 20px; } iframe { width: calc(100vw - 2px); height: 250px; border: 1px solid lightgrey; } hr { margin-top: 30px; border-top:1px dashed #999; } a { display: block; margin-left: 10px; margin-bottom: 20px; } </style> </head> <body> <h3>Image ad w/ Ad Choices</h3> <iframe src="//ads.localhost:8000/examples/amphtml-ads/adchoices-1.a4a.html" scrolling="no"> </iframe> <a href="/inabox/examples/amphtml-ads/adchoices-1.a4a.html" target="_blank">open in new tab</a> <hr> <h3>Template ad w/ Ad Choices</h3> <iframe src="//ads.localhost:8000/examples/amphtml-ads/adchoices-2.a4a.html" scrolling="no"> </iframe> <a href="/inabox/examples/amphtml-ads/adchoices-2.a4a.html" target="_blank">open in new tab</a> <hr> <h3>Text ad</h3> <iframe src="//ads.localhost:8000/examples/amphtml-ads/text-ad.a4a.html" scrolling="no"> </iframe> <a href="/inabox/examples/amphtml-ads/text-ad.a4a.html" target="_blank">open in new tab</a> <hr> <h3>GIF ad</h3> <iframe src="//ads.localhost:8000/examples/amphtml-ads/gif-ad.a4a.html" scrolling="no"> </iframe> <a href="/inabox/examples/amphtml-ads/gif-ad.a4a.html" target="_blank">open in new tab</a> <hr> <h3>Animation ad</h3> <iframe src="//ads.localhost:8000/examples/amphtml-ads/animation-ad.a4a.html" scrolling="no"> </iframe> <a href="/inabox/examples/amphtml-ads/animation-ad.a4a.html" target="_blank">open in new tab</a> <hr> <h3>Carousel ad</h3> <iframe src="//ads.localhost:8000/test/fixtures/e2e/amphtml-ads/carousel-ad.a4a.html" scrolling="no"> </iframe> <a href="/inabox/test/fixtures/e2e/amphtml-ads/carousel-ad.a4a.html" target="_blank">open in new tab</a> <hr> <h3>Slides ad</h3> <iframe src="//ads.localhost:8000/test/fixtures/e2e/amphtml-ads/slides-ad.a4a.html" scrolling="no"> </iframe> <a href="/inabox/test/fixtures/e2e/amphtml-ads/slides-ad.a4a.html" target="_blank">open in new tab</a> <hr> <h3>Scrollbound animation ad</h3> <iframe src="//ads.localhost:8000/examples/amphtml-ads/scrollbound-animation-ad.a4a.html" scrolling="no"> </iframe> <a href="/inabox/examples/amphtml-ads/scrollbound-animation-ad.a4a.html?offset=50vh" target="_blank">open in new tab</a> <hr> <h3>Video ad</h3> <iframe src="//ads.localhost:8000/examples/amphtml-ads/video-ad.a4a.html" scrolling="no"> </iframe> <a href="/inabox/examples/amphtml-ads/video-ad.a4a.html" target="_blank">open in new tab</a> <hr> <h3>Video ad - autoplay</h3> <iframe src="//ads.localhost:8000/examples/amphtml-ads/video-ad-autoplay.a4a.html" scrolling="no"> </iframe> <a href="/inabox/examples/amphtml-ads/video-ad-autoplay.a4a.html" target="_blank">open in new tab</a> <hr> <h3>Lightbox ad</h3> <iframe src="//ads.localhost:8000/test/fixtures/e2e/amphtml-ads/lightbox-ad.a4a.html" scrolling="no" data-amp-allowed="send-positions,full-overlay-frame,cancel-full-overlay-frame"> </iframe> <a href="/inabox/test/fixtures/e2e/amphtml-ads/lightbox-ad.a4a.html" target="_blank">open in new tab</a> <hr> <h3>Form ad</h3> <iframe src="//ads.localhost:8000/examples/bind/forms.amp.html?inabox=1" scrolling="no" style="height: 360px; background-color: #eee;"> </iframe> <a href="/inabox/examples/bind/forms.amp.html?width=373px&height=360px" target="_blank">open in new tab</a> <script src="/examples/amphtml-ads/ads-tag-integration.js"></script> </body> </html>