26_音视频播放

「已注销」

于 2021-08-17 14:53:42 发布

阅读量196

点赞数

分类专栏： HTML CSS 基础

本文链接：https://blog.csdn.net/gty204625782/article/details/119756681

版权

HTML CSS 基础专栏收录该内容

70 篇文章 4 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- 
			audio标签用来向页面中引入一个外部的音频文件
			video标签用来向页面中引入一个外部的视频文件
			音视频文件引入时，默认情况下不允许用户自己控制播放或停止
			
			属性：
				- controls 是否允许用户控制播放
				- autoplay 音视频文件是否自动播放
					如果设置了autoplay，则音视频在打开页面时会自动播放，
					但是目前来讲大部分浏览器都不会自动播放音视频
				- loop 音视频是否循环播放
		 -->
				
		<!-- 这是常用的解决兼容性的方法：浏览器会按顺序插入音频文件，取第一个有效的文件，都无效则显示提示文字 -->
		<audio controls autoplay loop>
			<source src="horse.ogg" type="audio/ogg">
			<source src="horse.mp3" type="audio/mpeg">
			您的浏览器不支持 audio 元素。
		</audio>
		
		<!-- 完美解决方案 -->
		<video width="320" height="240" controls>
			<source src="movie.mp4" type="video/mp4">
			<source src="movie.ogg" type="video/ogg">
			<embed src="movie.mp4" type="video/mp4">
		</video>
		
		<!-- 后期为了减少服务器存储空间的占用，音视频文件可先上传到音视频网站，然后用链接来插入，这样能减少开销 -->
		<iframe src="https://open.iqiyi.com/developer/player_js/coopPlayerIndex.html?vid=ff93077f90fa4d56911f9d3c905fa78c&tvId=1126758900&accessToken=2.ef9c39d6c7f1d5b44768e38e5243157d&appKey=8c634248790d4343bcae1f66129c1010&appId=1368&height=100%&width=100%" frameborder="0" allowfullscreen="true" width="100%" height="100%"></iframe>
	</body>
</html>

「已注销」

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
26_音视频播放

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <!-- audio标签用来向页面中引入一个外部的音频文件 video标签用来向页面中引入一个外部的视频文件音视频文件引入时，默认情况下不允许用户自己控制播放或停止属性： - c
复制链接

扫一扫