
具体如下:
工具/原料
演示电脑:超微 X8DAL Main Server Chassis
电脑 *** 作系统:Windows 10 专业版 64位 *** 作系统
1、首先打开sublime编译器,创建一个.html文件;
3、在body标签对的之间插入<video>标签;
4、设置视频窗口的大小,在video标签添加width和height属性;
5、在video标签之间添加source播放源及其地址运行后就会出现视频窗口;
6、在source和video标签之间写上"您的浏览器不支持Video标签。",当浏览器不支持的情况下这行文字就会出现;
代码如下,测试过,可用。
<body>
<div style="text-align:center">
<video id="video1" width="420" style="margin-top:15px">
<source src="/example/html5/mov_bbb.mp4" type="video/mp4" />
<source src="/example/html5/mov_bbb.ogg" type="video/ogg" />
</video>
</div>
</body>
HTML5 Audio/Video 方法
拓展资料
HTML5 <video>元素同样拥有方法、属性和事件。
其中的方法用于播放、暂停以及加载等。
其中的属性(比如时长、音量等)可以被读取或设置。
其中的 DOM 事件能够通知您,比方说,<video>元素开始播放、已暂停,已停止,等等。
参考资料 w3c网页链接
object标签可以用于添加控件,你可以去了解一下。。。。<object classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA height=145 width=193 id=RP1>
<param name="controls" value="ImageWindow"><param name="console" value="Clip1">
<param name="autostart" value="true"><PARAM NAME="showcontrols" value="1">
<param name="src" value="music/dk1.rm"><param name="nologo" value="false">
<param name="nolabels" value="true"><param name="reset" value="FALSE"><param name="open" value="true">
<param name="end" value="TRUE">
<embed src="填写视频路径" width="500" height="500" autostart="false" controls="ImageWindow" console="Clip1" nologo="false" nolabels="true" reset="false" open="false" end="true">
</embed>
</object>
这一段程序就行。。。。。。
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)