HTML如何嵌入Embedded Video播放器

HTML如何嵌入Embedded Video播放器,第1张

HTML嵌入Embedded Video播放器的方法:

1、HTML代码:

<object width="425" height="344">

<param name="movie" value="http://www.youtube.com/v/F9Bo89m2f6g&hl=en&fs=1"></param>

<param name="allowFullScreen" value="true"></param>

<embed src="http://www.youtube.com/v/F9Bo89m2f6g&hl=en&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344">

</embed>

</object>

2、运行效果

支持的浏览器:

html5为你的网页添加视频播放器

在html5中通过video标签为网页添加视频播放功能。

video元素支持三种视频格式:ogg, mpeg4, webm

Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件

MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件

WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件

以下是video标签的相关属性

autoplay autoplay 如果出现该属性,则视频在就绪后马上播放。

controls controls 如果出现该属性,则向用户显示控件,比如播放按钮。

heightpixels设置视频播放器的高度。

loop loop 如果出现该属性,则当媒介文件完成播放后再次开始播放。

preload preload 如果出现该属性,则视频在页面加载时进行加载,并预备播放。如果使用 "autoplay",则忽略该属性。

src url 要播放的视频的 URL。

widthpixels 设置视频播放器的宽度。下面是一个小实例:

<!DOVTYPE html>

<html>

<head>

<title>我爱学习</title>

</head>

<body>

<video controls="controls">

<source src="song.ogg" type="audio/ogg">

<source src="song.mp3" type="audio/mpeg">

Your browser does not support the audio tag.

</video>

</body>

</html>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6163217.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-16
下一篇 2023-03-16

发表评论

登录后才能评论

评论列表(0条)

保存