首页 > 其他分享 >记录几个视频嵌入网页的html代码写法

记录几个视频嵌入网页的html代码写法

时间:2024-11-08 11:18:54浏览次数:4  
标签:视频 嵌入 网页 html 按钮 自带 写法

<p style="text-align:center;"><iframe style="height:350px;" src="https://v.qq.com/txp/iframe/player.html?vid=s3000bwdvh8" frameborder="0"></iframe></p>

<iframe frameborder="0" src="https://v.qq.com/txp/iframe/player.html?vid=s3000bwdvh8" allowFullScreen="true"></iframe>

 <iframe src="https://player.bilibili.com/player.html?isOutside=true&aid=113344824478558&bvid=BV1ZKyVYHERt&cid=26394888876&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>

这三种都是视频网站自带的,直接拿过来。

 

 

【推荐下面这种】这种可以点开视频网站自带播放器上面的按钮,比如全屏按钮。

<!DOCTYPE html>
<html>
<head>
<title>嵌入视频示例</title>
</head>
<body>
<iframe width="560" height="315" src="https://player.bilibili.com/player.html?isOutside=true&aid=113344824478558&bvid=BV1ZKyVYHERt&cid=26394888876&p=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</body>
</html>



标签:视频,嵌入,网页,html,按钮,自带,写法
From: https://www.cnblogs.com/hongyuyingxiao/p/18534756

相关文章

  • 带你用HTML+CSS+JS实现动态滚动骰子投掷效果!
    今天带大家用HTML+CSS+JS实现动态骰子投掷效果,下面来看看实现的效果:点击开始投掷,骰子开始滚动。点击停止投掷,骰子面会随机定在一个点数 那么如何实现呢?请听我细细讲解:一、骰子面的样式与布局1、样式:1、其中每一面大量的运用了flex布局来实现了骰面上圆点的位置。2......
  • HTML的基础标签
    01-基础标签01-基础标签1.认识HTML2.网页基础知识3.认识标签meta标签div标签H系列标题标签排序标签p段落标签span标签a标签--超链接a标签--锚点img标签其他常用标签4.特殊符号5.语义化√.作业与练习1.认识HTMLHTML是HyperTextMarkupLanguage(超文本标记语言)......
  • HTML5的文本样式
    HTML5的文本样式文本样式 1文字样式   1字体颜色color   2字体大小font-size:px   3字体粗细font-weight:px     范围100到900之间     bold[粗] bolder[加粗] 2字体效果   1字体效......
  • (附项目源码)Java开发语言,基于HTML5的智慧养老服务平台的设计与实现 46,计算机毕设程序开
    摘 要随着社会老龄化程度的不断加深,智慧养老发展成为当今社会关注的焦点之一。家庭与社区资源的有限性,使得需要提供更加便捷、贴心的养老服务来满足老年人的需求。基于HTML5技术的智慧养老服务平台的设计和实现,为老年人提供了一个全新的智慧养老服务方式,便于家属和管理员......
  • Html5QRCode扫描条形码+二维码
    代码:<html><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scale=1.0"&......
  • 移动Web前端高效开发实战:HTML 5 + CSS 3 + JavaScript + Webpack + React Native + Vu
    书:pan.baidu.com/s/1tIHXj9HmIYojAHqje09DTA?pwd=jqsoHTML5新特性与应用:介绍HTML5的新特性,包括语义化标签、本地存储、设备兼容、连接特性等,并讲解如何在移动Web前端开发中充分利用这些特性提升用户体验。CSS3样式与动画设计:详细讲解CSS3的样式设计和动画效果,包括选择器、盒......
  • 商品链接查询淘宝商品信息接口,淘宝天猫宝贝信息采集、淘宝商品历史最低价格数据接口、
    商品链接查询淘宝商品信息接口,淘宝天猫宝贝信息采集、淘宝商品历史最低价格数据接口、优惠信息数据、单日领券销量最高销量数据接口,淘宝联盟ck延期方案|接口+html前端UI界面PHP完整代码:<?php//定义API接口地址和参数$apiUrl="https://api.taolale.com/api/Tb_union......
  • 查询三网话费余额接口,移动话费余额接口、电信话费余额接口、联通话费余额的接口+html
    PHP是直接请求的接口,HTML代码也是直接请求的接口。如果HTML想上线运行,还是需要做下安全的。下边是PHP代码<?php//定义API接口地址和参数$apiUrl="https://api.taolale.com/api/Inquiry_Phone_Charges/get";//API文档地址:https://api.taolale.com/doc/13$api......
  • php毕业设计流浪动物领养系统宠物领养网站PHP+MySQL+HTML计算机毕业设计PHP源码获取ph
    一、功能介绍基于php+mysql+html前台:网站首页宠物推荐最新宠物新闻咨询宠物分类宠物资讯评论登录/注册加入购物车、领养、个人中心后台:各种增删改查系统设置分类管理宠物管理领养管理评价管理新闻资讯用户管理二、效果展示三、代码展示CREATE......
  • 11.7 HTML
    Html一、基本介绍1、定义:html是一种超文本标记语言,也是一种标识性语言(不是编程语言)标记:记号(绰号)超文本:就是页面内容可以包含图片、链接,音乐,视频等素材。2、为什么学习html?(1)测试页面元素,了解页面页面元素(页面是html语言编写的)(2)进行ui自动化需用到元素定位3、html有哪些特点......