Embed HTML5 YouTube video without iframe?

by

Here is a example of embedding without an iFrame:

<div style="width: 560px; height: 315px; float: none; clear: both; margin: 2px auto;">
  <embed
    src="https://www.youtube.com/embed/J---aiyznGQ?autohide=1&autoplay=1"
    wmode="transparent"
    type="video/mp4"
    width="100%" height="100%"
    allow="autoplay; encrypted-media; picture-in-picture"
    allowfullscreen
    title="Keyboard Cat"
  >
</div>

compare to regular iframe “embed” code from YouTube:

<iframe
  width="560"
  height="315"
  src="https://www.youtube.com/embed/J---aiyznGQ?autoplay=1"
  frameborder="0"
  allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
  allowfullscreen>
</iframe>

and as far as HTML5 goes, use <object> tag like so (corrected):

<object
  style="width: 820px; height: 461.25px; float: none; clear: both; margin: 2px auto;"
  data="http://www.youtube.com/embed/J---aiyznGQ?autoplay=1">
</object>

More Related Contents:

  1. how to block website from loading in iframe?
  2. javascript change element from another page
  3. How do I access the link to the content? [closed]
  4. This doesn’t seem right? Javascript isn’t working
  5. Detect all changes to a (immediately) using JQuery
  6. Resize event for textarea?
  7. Get list of data-* attributes using javascript / jQuery
  8. Jquery Mobile – $.mobile.changepage not loading external .JS files
  9. Create table with jQuery – append
  10. jQuery: how to change tag name?
  11. Disable dragging an image from an HTML page
  12. When using jQuery on(), why use (document) vs. the element itself?
  13. Use a new CSS file to override current website’s
  14. Count textarea characters
  15. How can I change the font (family) for the labels in Chart.JS?
  16. Preview images before upload
  17. jQuery equivalent of getting the context of a Canvas
  18. Click on option event
  19. Fade background image in and out with jQuery?
  20. Trying to load local JSON file to show data in a html page using JQuery
  21. How to do something before on submit?
  22. Convert dropdown to selection boxes with color and trigger drop down action
  23. Include html in another html file [duplicate]
  24. Placeholder for contenteditable div
  25. Center an Image vertically and horizontally using CSS
  26. Change background on button click, using CSS only? [duplicate]
  27. Jquery/Javascript Opacity animation with scroll
  28. Set value to currency in
  29. How to replace the entire html webpage with ajax response?
  30. Does jQuery strip some html elements from a string when using .html()?

Leave a Comment