iframe自动播放

最新推荐文章于 2024-06-25 00:17:42 发布
置顶 最新推荐文章于 2024-06-25 00:17:42 发布
阅读量2.4w 收藏 5
点赞数 6
分类专栏： HTML 文章标签： iframe标签自动播放视频 腾讯视频iframe标签 iframe视频自动播放 iframe iframe自动播放
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43195512/article/details/85006591
版权

今天遇到一个问题，如果在页面中想应用腾讯视频的视频并且在页面自动播放该怎么办？

在这里插入图片描述
这里会有一个<iframe></iframe>地址，我们将它复制下来到当前页面，这样当前页面就显示了这个视频

那么如何让这个视频自动播放呢？

设置autoplay = true就可以了 ， 但是在标签上设置后并没什么鸟用，
是因为页面涉及到跨域，所以可以用地址栏拼接的方式就可以实现自动播放的功能了

例子：

https://v.qq.com/txp/iframe/player.html?vid=o0707aaxqy8&autoplay=true
酷酷的旭
关注
  • 6
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html iframe视频自动播放的属性,iframe通用js播放器myplayer.js加自动播放参数
weixin_35764712的博客
05-31 2693
我的播放器调用方式，通用js播放器myplayer.js打开自动播放&后面的多余参数藐视不受影响。iframe可用于通用视频地址，.MP4去掉所有尾巴 &参数最终自动播放myplayer.jsfunction showPlayerHtml(){var html ='';return html;}player.html = showPlayerHtml();player.show(s...
jq替换iframe里面视频关闭自动播放的功能
12-11
通过jq把ifram里面的视频转换成不自动播放的视频。 希望有需要的同志们采纳一下。
iframe 如何禁止视频自动播放
落叶无声的专栏
07-15 6356
iframe 如何禁止视频自动播放
iframe通信——postMessage
最新发布
m0_72791534的博客
06-25 1282
postMessage是HTML5中新引入的API，它可以实现跨窗口以及跨域的通信。postMessage类似与Ajax但是它不受同源策略的限制并且通信双方都是客户端。本文的目的就是验证下这种跨页面通信方法的使用流程。
iframe嵌入本地视频或者http链接视频禁止自动播放
Aa12364567的博客
03-31 1万+
iframe嵌入本地视频或者http链接视频禁止自动播放
前端视频无法自动播放的问题，基于Chrome浏览器的自动播放策略原理，详细解释加了autoplay属性之后视频仍然不能自动播放的问题，并提供了二种主流的解决方法
m0_64642443的博客
06-14 1万+
前端视频无法自动播放的问题，基于Chrome浏览器的自动播放策略原理，详细解释加了autoplay属性之后视频仍然不能自动播放的问题，并提供了二种主流的解决方法
腾讯视频html5播放,使用 iframe 引用优酷和土豆和腾讯视频，支持 HTML5 手机 播放...
weixin_39895977的博客
06-04 612
写博客，只为记录项目中碰到的问题html使用百度视频上传，嵌入远程连接，而后在编辑器中自动转换为支持视频播放的html代码。html5例如：浏览器 简单了修改了百度编辑器源码微信默认的百度编辑器针对视频的处理有2种：框架1.远程连接，会生成 标签编辑器2.本地上传视频，会生成 标签，video是html5的标签，如今大多数浏览器都使用了，可是其支持的格式可能不是不少，具体也没研究，这个工做量太大...
html视频自动播放（iframe）及不自动播放（video）
热门推荐
OKailon的博客
12-25 2万+
这实际上是蛮小儿科的东西，但对难得动手做的人还是有难度的，小白都需要这样的帮助，因此在此分享自己倒腾的经历。 因为有几段视频想放在一个页面上，百度了一下先看到iframe，很快就写好了，结果几个视频同时自动播放，真是要命，然后就有些难度了，在网上不是清楚就可以找到答案了，试了很多种方法多不好使，最后找到了video，因此在此分享。
js实现iframe自动自适应高度的方法
10-24
有时，我们希望Iframe能根据其内部内容自动调整高度，以避免滚动条的出现，提供更好的用户体验。本篇文章将详细介绍如何使用JavaScript实现Iframe的自动自适应高度。 首先，理解基本概念。Iframe的`height`属性决定...
多个iframe自动调整大小的问题
01-19
怎样用一个函数，自动调整这个页面里所有iframe的高度呢？ function change_size(iframe) { iframe.style.height=info_content.document.body.scrollHeight+1+”px”; } 我用过这种方式，但是等号后面的第一个对象...
自动设置iframe大小的jQuery代码
10-26
自动设置iframe的宽度在应用中还是比较广泛的，本文使用jquery实现一下，感兴趣的朋友可以参考下
iFrame 自动调整高度
11-06
iFrame 自动调整高度 绝对有效！ 分可能是高咯滴滴儿....不过一分钱一分货哈，没效果你骂我、使劲骂！
iframe插入视频自动播放代码
weixin_30257433的博客
08-08 4355
<iframe marginwidth=0 marginheight=0 src='http://www.wsview.com/yzplayerAction!play2.action?autoPlay=true&userVideoID=37481' frameborder=0 width=900 scrolling=no height=600 allowtransparency&...
iframe嵌入哔哩哔哩视频禁止自动播放
weixin_46813963的博客
02-27 1350
在视频链接后加上&autoplay=0即可
YouTube iframe嵌入式播放器及播放器参数 自动播放，循环播放，播放列表，不显示 YouTube 徽标
时间在飞飞的博客
11-04 7128
YouTube 嵌入式播放器及播放器参数 概览 本文档介绍如何在应用中嵌入 YouTube 播放器，并定义了 YouTube 嵌入式播放器可以使用的参数。 通过将参数附加到 iframe 网址末尾，您可以自定义应用中的播放体验。例如，您可以使用autoplay参数自动播放多个视频，也可以使用loop参数重复播放一个视频。您还可以使用enablejsapi参数，允许通过iframe Player API控制播放器。 目前，本页面定义了任意 YouTube 嵌入式播放器支持的全...
如何使你的网页视频自动播放嵌入的iframe视频
星辰的笔记
03-26 7779
只需在视频链接后面接上?rel=0&amp;autoplay=1 <iframe height=500 width=880 src='https://player.youku.com/embed/XMzg0MDkyNTQ5Mg==?rel=0&amp;autoplay=1' frameborder=0 'allowfullscreen'></iframe>
html iframe视频自动播放的属性,html5自动播放与 <iframe> 你管videoautoplay=1不工作？_html5_开发99编程知识库...
weixin_36125755的博客
05-31 1163
试试这个这对我有用。private class AutoPlayVideoWebViewClient extends WebViewClient {@Overridepublic void onPageFinished(WebView view, String url) {super.onPageFinished(view, url);//mimic onClick() event on the ...
iframe标签控制视频大小及自动播放
Mangojjx的博客
04-12 1万+
项目中问题：quill富文本中插入的视频，表单发送给后台是iframe标签；所以前端拿到的视频为后台直接返回数据渲染，如下： <iframe class="ql-video" frameborder="0" allowfullscreen="true" src="https://www.yinyueriji.net/square/video/26e59459-66fd-0f60-50ba-c...
iframe自动播放音乐
05-10
为了避免恶意使用，现代浏览器已经禁止了自动播放音乐的功能，除非用户在页面中进行了交互操作。如果你需要在页面中播放音乐，建议在用户进行了某些操作后再触发音乐播放。你可以使用JavaScript来监听用户的操作，例如点击按钮或者滚动页面，然后在回调函数中播放音乐。以下是一个简单的示例： ```html <button id="playButton">播放音乐</button> <audio id="myAudio" src="music.mp3"></audio> ``` ```javascript var playButton = document.getElementById('playButton'); var myAudio = document.getElementById('myAudio'); playButton.addEventListener('click', function() { myAudio.play(); }); ``` 当用户点击"播放音乐"按钮时，页面上的音乐文件将开始播放。你也可以使用其他事件来触发音乐播放，例如页面滚动事件（scroll）或者鼠标移动事件（mousemove）。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值