html5的video播放腾讯视频播放器,html 5中使用video元素制作一个影片播放器

最近在看html5,书名是《html5&API网页程序设计》，看着书做的demo，这里使用的是video元素，非常简单，只要你把影片的地址放在文本框中点击播放按钮就可以实现影片的播放，当点击暂停时影片会重新加载。代码如下：

简易影片播放器

function playOrPauseVideo(){

var videoUrl=document.getElementById("videoUrl").value;

var video=document.getElementById("video");

//影片不为播放状态

if(video.paused)

{

//URL改变时，重新加载

if(videoUrl!=video.src)

{

video.src=videoUrl;

video.load();

}

else

{//播放

video.play()

}

document.getElementById("playButton").value="暂停";

}

else

{

//暂停

video.pause();

document.getElementById("playButton").value="播放";

}

}

影片的URL：

2.[图片] QQ截图未命名.png

【相关推荐】