Would it be possible to achieve the same functionality as an iframe using the onload function and trigger function in jQuery with a div or anchor tag? I'm looking for alternatives to iframes because they take too long to load.
Here is the current code snippet: Can I replace the iframe with jQuery?
<iframe width="560" height="315"
src="https://www.youtube.com/embed/701pwm78Q90"
frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
</iframe>
This is what I attempted with HTML/CSS:
<div id="te">
<a href="https://youtu.be/701pwm78Q90">Click here to see the video</a>
</div>
jQuery code:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script type="application/x-javascript">
$(document).ready(function(e){
$("div#te").load(function(){
$("a").trigger('click');
});
});
</script>
Check out the link here: