<!DOCTYPE html>
<!--
  Copyright 2015 The AMP HTML Authors. All Rights Reserved.

  Licensed under the Apache License, Version 2.0 (the "License");
  you may not use this file except in compliance with the License.
  You may obtain a copy of the License at

      http://www.apache.org/licenses/LICENSE-2.0

  Unless required by applicable law or agreed to in writing, software
  distributed under the License is distributed on an "AS-IS" BASIS,
  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  See the License for the specific language governing permissions and
  limitations under the license.
--><!--
  Test Description:
  Tests support for the amp-jwplayer tag.
  TODO(honeybadgerdontcare): Replace me with an ampproject.org URL eventually.
  https://github.com/ampproject/amphtml/blob/master/extensions/amp-jwplayer/amp-jwplayer.md
--><html amp><head>
  <meta charset="utf-8">
  <link rel="canonical" href="./regular-html-version.html">
  <meta name="viewport" content="width=device-width,minimum-scale=1">
  <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
  <script async src="https://cdn.ampproject.org/v0.js"></script>
  <script async custom-element="amp-jwplayer" src="https://cdn.ampproject.org/v0/amp-jwplayer-0.1.js"></script>
</head>
<body>
  <!-- Example of a valid amp-jwplayer. -->
  <amp-jwplayer data-player-id="aBcD1234" data-media-id="5678WxYz" layout="responsive" width="160" height="90">
  </amp-jwplayer>
  <!-- Alternate valid example using a playlist rather than video. -->
  <amp-jwplayer data-player-id="aBcD1234" data-playlist-id="5678WxYz" width="160" height="90">
  <!-- Invalid example missing a player id. -->
  <amp-jwplayer data-playerlist-id="5678WxYz" width="160" height="90">
  <!-- Invalid example missing playlist id or media-id. -->
  <amp-jwplayer data-player-id="aBcD1234" width="160" height="90">
</amp-jwplayer></amp-jwplayer></amp-jwplayer></body>

</html>


ORIGINAL HTML
---------------
Line  1: <!--
Line  2:   Copyright 2015 The AMP HTML Authors. All Rights Reserved.
Line  3: 
Line  4:   Licensed under the Apache License, Version 2.0 (the "License");
Line  5:   you may not use this file except in compliance with the License.
Line  6:   You may obtain a copy of the License at
Line  7: 
Line  8:       http://www.apache.org/licenses/LICENSE-2.0
Line  9: 
Line 10:   Unless required by applicable law or agreed to in writing, software
Line 11:   distributed under the License is distributed on an "AS-IS" BASIS,
Line 12:   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
Line 13:   See the License for the specific language governing permissions and
Line 14:   limitations under the license.
Line 15: -->
Line 16: <!--
Line 17:   Test Description:
Line 18:   Tests support for the amp-jwplayer tag.
Line 19:   TODO(honeybadgerdontcare): Replace me with an ampproject.org URL eventually.
Line 20:   https://github.com/ampproject/amphtml/blob/master/extensions/amp-jwplayer/amp-jwplayer.md
Line 21: -->
Line 22: <!doctype html>
Line 23: <html ⚡>
Line 24: <head>
Line 25:   <meta charset="utf-8">
Line 26:   <link rel="canonical" href="./regular-html-version.html" />
Line 27:   <meta name="viewport" content="width=device-width,minimum-scale=1">
Line 28:   <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
Line 29:   <script async src="https://cdn.ampproject.org/v0.js"></script>
Line 30:   <script async custom-element="amp-jwplayer" src="https://cdn.ampproject.org/v0/amp-jwplayer-0.1.js"></script>
Line 31: </head>
Line 32: <body>
Line 33:   <!-- Example of a valid amp-jwplayer. -->
Line 34:   <amp-jwplayer
Line 35:       data-player-id="aBcD1234"
Line 36:       data-media-id="5678WxYz"
Line 37:       layout="responsive"
Line 38:       width="160" height="90">
Line 39:   </amp-jwplayer>
Line 40:   <!-- Alternate valid example using a playlist rather than video. -->
Line 41:   <amp-jwplayer
Line 42:       data-player-id="aBcD1234"
Line 43:       data-playlist-id="5678WxYz"
Line 44:       width="160" height="90">
Line 45:   <!-- Invalid example missing a player id. -->
Line 46:   <amp-jwplayer
Line 47:       data-playerlist-id="5678WxYz"
Line 48:       width="160" height="90">
Line 49:   <!-- Invalid example missing playlist id or media-id. -->
Line 50:   <amp-jwplayer
Line 51:       data-player-id="aBcD1234"
Line 52:       width="160" height="90">
Line 53: </body>
Line 54: </html>
Line 55: 



AMP-HTML Validation Issues and Fixes
-------------------------------------
FAIL

<amp-jwplayer data-playerlist-id="5678WxYz" width="160" height="90"> on line 48
- The tag 'amp-jwplayer' is missing a mandatory attribute - pick one of data-media-id or data-playlist-id.
   [code: MANDATORY_ONEOF_ATTR_MISSING  category: AMP_TAG_PROBLEM see: https://github.com/ampproject/amphtml/blob/master/extensions/amp-jwplayer/amp-jwplayer.md]
- The mandatory attribute 'data-player-id' is missing in tag 'amp-jwplayer'.
   [code: MANDATORY_ATTR_MISSING  category: AMP_TAG_PROBLEM see: https://github.com/ampproject/amphtml/blob/master/extensions/amp-jwplayer/amp-jwplayer.md]

<amp-jwplayer data-player-id="aBcD1234" width="160" height="90"> on line 52
- The tag 'amp-jwplayer' is missing a mandatory attribute - pick one of data-media-id or data-playlist-id.
   [code: MANDATORY_ONEOF_ATTR_MISSING  category: AMP_TAG_PROBLEM see: https://github.com/ampproject/amphtml/blob/master/extensions/amp-jwplayer/amp-jwplayer.md]

COMPONENT NAMES WITH JS PATH
------------------------------
No custom amp script includes required
