video的切换和相关操作

来源：互联网发布：淘宝客网址编辑：程序博客网时间：2024/06/06 07:25

<!DOCTYPE html><html><head><meta charset="utf-8" /><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /><title></title><style type="text/css">video::-webkit-media-controls-enclosure {    overflow:hidden;}video::-webkit-media-controls-panel {     width: calc(100% + 30px); }</style></head><body><video id="vio" width="100%" height="" autoplay="" controls="" poster="http://wow.techbrood.com/uploads/141102/star.png"><source src="c.mp4" type="video/mp4"></source>当前浏览器不支持 video直接播放</video><button id="btn">点击切换视频</button></body><script src="js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script><script type="text/javascript">$("#btn").on("click",function(){$("#vio source").attr("src","http://wow.techbrood.com/uploads/141102/chrome_japan.mp4");document.getElementById("vio").load()})</script></html>

0 0