本文介绍了一个简单的HTML5视频播放器实现方案，通过用户输入URL来动态更改视频源，同时隐藏输入框和播放按钮，提升用户体验。该方案使用了HTML5的video标签，并结合JavaScript实现了视频源的动态加载。
<!DOCTYPE html>
<html>
<body>
<input id="url" type="text" name="fname"><br>
<button id ="button1" onclick="changeSource()" type="button">play</button>
<br />
<video id="video1" controls="controls" autoplay="autoplay">
<source id="mp4_src" src="">
Your browser does not support HTML5 video.
</video>
<script>
function changeSource()
{
document.getElementById("mp4_src").src=document.getElementById("url").value
//下面這兩行,當撥放影片時,隱藏起來
document.getElementById("url").hidden="hidden"
document.getElementById("button1").hidden="hidden"
document.getElementById("video1").load();
}
</script>
</body>
</html>
扫一扫
1143
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
