刚刚用Adobe Animate CC制作了我的第一个AMPHTML广告。
我尝试用https://h5validator.appspot.com/验证广告
我的广告没有通过高级HTML5检查。我收到以下错误消息：
您的HTML5资产之一无效，无法进行分析。请更正所有格式错误的资产，然后重试。更多细节：SVG_INVALID
以下是广告的源代码。这里有人知道会是什么问题吗？
<!doctype html>
<html amp4ads>
<head>
<!-- export v1.0.36-->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,minimum-scale=1">
<style amp4ads-boilerplate>body{visibility:hidden}</style>
<style amp-custom> img {position: absolute;} body {background-color: rgba(255,255,255,1.0000);}
svg {width: 300px; height: 300px; position: absolute;} .hideForPreload { visibility: hidden; } </style>
<script async src="https://cdn.ampproject.org/amp4ads-v0.js"></script>
<script async custom-element="amp-animation" src="https://cdn.ampproject.org/v0/amp-animation-0.1.js"></script>
<script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
</head>
<body >
<amp-analytics type="googleanalytics" id="pageView">
<script type="application/json">
{
"vars": {
"account": "No ID found."
},
"triggers": {
"trackPageview": {
"on": "visible",
"request": "pageview"
}
}
}
</script></amp-analytics>
<div id="svgWrapper" class="hideForPreload" >
<svg style="width: 0; height: 0;">
<defs>
<g vector-effect="none" id="l0" >
<g vector-effect="inherit" id="l0o0" style="transform: matrix(1.0000,0.0000,0.0000,1.0000,0.0000,0.0000); opacity: 1.0000; visibility: inherit;">
<path vector-effect="inherit" fill="rgba(0,0,204,1.000)" stroke="none" d="M 300.0000 0.0000 L 0.0000 0.0000 L 0.0000 300.0000 L 300.0000 300.0000 L 300.0000 0.0000 "></path>
</g>
</g>
</defs>
</svg> <svg><use id="o0" xlink:href="#l0" ></use></svg>
</div>
<amp-animation layout="nodisplay" trigger="visibility">
<script type="application/json">
{"animations":[
{
"selector": "#svgWrapper",
"duration":"1s",
"iterations":1,
"fill":"both",
"keyframes": [
{
"offset" : 0,
"visibility" : "inherit",
"easing" : "step-start"
},{
"offset" : 1,
"visibility" : "inherit",
"easing" : "step-end"
}
]
},
{
"selector" : "#o0",
"duration" : "2s",
"iterations" : "infinity",
"fill" : "both",
"keyframes" : [
{
"offset" : 0,
"transform" : "matrix(1.0000,0.0000,0.0000,1.0000,0.0000,0.0000)",
"opacity" : 1,
"visibility" : "inherit",
"easing" : "cubic-bezier(0.3333, 0.3333, 0.6667, 0.6667)"
},
{
"offset" : 1,
"transform" : "matrix(1.0000,0.0000,0.0000,1.0000,0.0000,0.0000)",
"opacity" : 1,
"visibility" : "inherit",
"easing" : "step-end"
}
]
}
]}
</script>
</amp-animation>
</body>
</html>