html 如何使用jQuery在点击时播放iframe mp4？

wbgh16ku 于 2022-11-27 发布在 jQuery

关注(0)|答案(1)|浏览(111)

尝试播放一个mp4 iframe点击一个按钮，但我不知道如何。

<iframe src="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp" width="640" height="360" frameborder="0"
allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>

我尝试了以下方法，但没有效果

$(this).find("iframe").trigger("play");

Html

来源：https://stackoverflow.com/questions/74557534/how-do-i-play-an-iframe-mp4-on-click-using-jquery

1条答案

按热度按时间

6jygbczu1#

你在写视频源的时候犯了一个错字，可能是mp4而不仅仅是mp。
您可以尝试以下操作：

$(document).ready(function() {
  $('#play-video').on('click', function(e) {
    $("#video")[0].src += "&autoplay=1";
    e.preventDefault();

  });
});

在文档HTML中 *

<a id="play-video" href="#">Title : Elephants Dream</a><br />
<iframe id="video" src="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4" width="640" height="360" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>

我的代码：https://codepen.io/maulanadata/pen/mdKxgme

赞(0）回复(0）举报 2022-11-27

我来回答

html 如何使用jQuery在点击时播放iframe mp4？

1条答案

相关问题

热门标签

最新问答