HTML嵌入视频

PC端:

 

使用<embed></embed>标签 所有浏览器都支持 ,不存在兼容性问题。

 

src=规定被嵌入内容的 URL

 

autostart=true、false 是否自动播放

 

loop=正整数、true、false 该属性规定音频或视频文件是否循环及循环次数

 

常见播放器的type属性值:

 

Flash:type="application/x-shockwave-flash";

 

Windows media player:type="application/x-mplayer2";

 

Realplayer:type="audio/x-pn-realaudio-plugin"。

 

举例:

<embed src="https://imgcache.qq.com/tencentvideo_v1/playerv3/TPout.swf?max_age=86400&v=20161117&vid=v055084psj7&auto=0" allowFullScreen="true" quality="high" width="480" height="400" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>

 

app端:

 

嵌入iframe

 

举例:

<iframe frameborder="0" width="100%" src="https://v.qq.com/iframe/player.html?vid=v055084psj7&tiny=0&auto=0" allowfullscreen></iframe>

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML嵌入视频可以使用`<video>`标签,具体代码如下: ``` <video src="video.mp4" width="640" height="360" controls></video> ``` 其中`src`属性指定视频文件的路径,`width`和`height`属性指定视频播放器的宽度和高度,`controls`属性添加控制界面,让用户可以控制视频播放。 为了优化视频播放,可以使用以下技巧: 1. 使用适当的视频格式:不同的视频格式对于不同的设备和浏览器支持程度不同,因此应该选择适合目标受众的视频格式。常用的视频格式包括MP4、WebM和Ogg。 2. 压缩视频文件大小:视频文件通常很大,可以使用视频压缩工具来减小视频文件的大小。可以使用在线工具或者本地软件进行压缩。 3. 使用适当的分辨率:视频分辨率越高,文件大小越大,加载速度越慢。因此应该根据目标受众的设备和网络情况,选择适当的分辨率。 4. 使用预加载:可以使用`<video>`标签的`preload`属性来预加载视频文件,以加快视频播放速度。 ``` <video src="video.mp4" width="640" height="360" controls preload="auto"></video> ``` 5. 使用视频缓存:可以使用`<video>`标签的`autoplay`和`loop`属性来开启视频缓存,以避免反复加载视频文件。 ``` <video src="video.mp4" width="640" height="360" controls autoplay loop></video> ``` 6. 提供替代文本:为了让无法播放视频的用户能够了解视频内容,应该在`<video>`标签中提供替代文本。 ``` <video src="video.mp4" width="640" height="360" controls> <p>抱歉,您的浏览器不支持视频播放。</p> </video> ``` 以上是一些优化视频播放的技巧,可以根据实际情况进行选择和使用。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值