介绍
这篇文章主要介绍了html 5中怎样使用视频元素制作一个影片播放器,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获、下面让小编带着大家一起了解一下。
undefinedundefinedundefined
代码如下:
简易影片播放器& lt;/title> & lt; script 类型=拔谋?javascript"比; function playOrPauseVideo () { ,,,var videoUrl=. getelementbyid (“videoUrl") value; ,,,var 视频=. getelementbyid (“video"); ,,,//影片不为播放状态 ,,,如果(video.paused) ,,,{ ,,,,,,,//URL改变时,重新加载 ,,,如果(videoUrl !=video.src) ,,,{ ,,,,,,,video.src=https://www.yisu.com/zixun/videoUrl; video.load (); } 其他的 {//播放 video.play () } . getelementbyid (playButton) value="暂停”; } 其他的 {//暂停 video.pause (); . getelementbyid (playButton) value="播放”; } }> 脚本> 头 <身体> <视频id="视频"宽度=" 400 "高度=" 300 "播放> 视频>
影片的URL: <输入id=" playButton " type="按钮" onclick=" playOrPauseVideo () " value="播放"/> 身体>