Well I uploaded the code today to correct for a couple of validation errors I found. One interesting one... I went to validate it at W3C and I had to comment out the "full screen" attribute of the youtube frame to get it to pass. For some reason, the html validation won't accept ALLOW and it didn't help by changing the HTML Doc Type to accept frames. So for now, I just commented it out. YouTube still plays, it just won't respond to a full screen click anymore. If the full screen attributes are replaced, and they need to be replaced below the src attribute, as indicated in the comment tag, the videos can again be played full screen, but we get these two warnings (Two, because I have a larger and smaller video embedded for cell and desktop devices)...
Error Line 610, Column 8: there is no attribute "ALLOW"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
✉
You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead).
This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information.
How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute. If you received this error when using the <embed> element to incorporate flash media in a Web page, see the FAQ item on valid flash.
Error Line 611, Column 18: there is no attribute "ALLOWFULLSCREEN"
allowfullscreen="" frameborder="0" height="175"
✉
You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead).
This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information.
How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute. If you received this error when using the <embed> element to incorporate flash media in a Web page, see the FAQ item on valid flash.
Anyway, let me know what you guys want to do about the vid, or if you know of a fix. I mean the page will work either way, but it is nice to have a validated page, whenever possible. O, the CSS was validated as well.
Pete
PS About the Opera GX. I suspect it is just not translating the Unicode used for the < > previous, next arrows. I mean if push comes to shove a photoshop image could be inserted, instead. Unicode was used for the three menu navigation dots, the email symbol, and the previous / next slide show buttons.
