×

javascript视频 c

javascript视频(HTML+JavaScript 实现切换视频功能)

admin admin 发表于2024-03-23 06:53:14 浏览27 评论0

抢沙发发表评论

本篇文章给大家谈谈javascript视频,以及HTML+JavaScript 实现切换视频功能对应的知识点,文章可能有点长,但是希望大家可以阅读完,增长自己的知识,最重要的是希望对各位有所帮助,可以解决了您的问题,不要忘了收藏本站喔。

本文目录

HTML+JavaScript 实现切换视频功能

你搜一下百度应该能搜到IE不支持embed src的实时更新,通过dom修改src是无法更新视频的。

那目前只有尝试重写整个embed的估计就可以更新视频了,也只有这一条路了,不过很好,目标实现。这是我的代码

 function start (str) {                  var t=document.getElementById("emb").outerHTML;          document.getElementById("emb").outerHTML=t.replace(/\s+src\s*=\s*\S+\s+/,’ src="’+str+’"’);}

通过正则将src的地址替换掉,使用outerHTML替换整个目标元素,就能更新了。使用正则主要是方便,如果你的embed简单,你当然可以不用正则,直接手写拼出结构,如果有错,请指出,希望可以共同学习

怎样用javascript控制视频,使之“鼠标单击全屏显示”

《!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"》《html xmlns="http://www.w3.org/1999/xhtml"》《head》《meta http-equiv="Content-Type" content="text/html; charset=utf-8" /》《script language="javascript"》 function vopen(){var num = 0;var vkai = document.getElementById("kai");var vguan = document.getElementById("guan");var vdiv = document.getElementById("video");vdiv.style.display="block";vkai.style.display="none";vguan.style.display="block";document.getElementById("MediaPlayer").controls.play();document.getElementById("MediaPlayer").ShowControls = -1;document.getElementById("xianshi").style.display = "block";}function dofull(){document.getElementById("MediaPlayer").fullScreen = 1;vopen(); }function vclose(){var vkai = document.getElementById("kai");var vguan = document.getElementById("guan");var vdiv = document.getElementById("video");vdiv.style.display="none";vkai.style.display="block";vguan.style.display="none";document.getElementById("MediaPlayer").controls.stop();document.getElementById("xianshi").style.display = "none";}《/script》《title》无标题文档《/title》《/head》《body》《div class="container"》 《div class="vleft"》 《div id="video" style="display:none;"》 《object id="MediaPlayer" class="vplayer" width="600px" height="560px" classid="CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6"》 《param name="URL" value="video.wmv"》 《param name="autoStart" value="0"》 《param name="ShowControls" value="-1"》 《param name="PlayCount" value="10000000"》《param name="ShowPositionControls" value="-1"》《param name="ShowAudioControls" value="-1"》《param name="uiMode" value="none"》《param name="ShowTracker" value="-1"》《param name="ShowDisplay" value="-1"》《param name="ShowStatusBar" value="-1"》《param name="enabled" value="-1"》 《param name="SendMouseClickEvents" value="1"》 《param name="SendMouseMoveEvents" value="1"》 《param name="DisplaySize" value="0"》《/object》 《/div》 《/div》 《div class="vright"》 《div class="xpage"》《a href="javascript:window.history.go(-1)" target="_self"》《img src="images/X2.png" /》《/a》《/div》 《div class="rightpic"》《/div》 《div class="vbut" id="kai" onclick="vopen()" style="cursor:hand;"》点击看视频《/div》 《div class="vbut" id="xianshi" onclick="dofull()" style="cursor:hand;display:none"》点击全屏《/div》 《div class="vbut" id="guan" onclick="vclose()" style="cursor:hand; display:none;"》关闭视频《/div》 《div class="vbut" id="back" onclick="javascript:window.history.go(-1)" style="cursor:hand;"》返回《/div》 《/div》《/div》《/body》《/html》 你要的是这样的效果么?满意要给分哦,老大

比较好的javascript视频教程

  • 本人建议看看方立勋的教程我自己感觉是最好的每个人都有自己认为好的,但别人认为好的未必你认为好或者适合你视频很多根据自己量身选择适合自己的才是好的

  • 有Javascript的课程视 频和资料,你可以看一下。应该是你需要的,希望对你有所帮助

  • 看下xin3721视频教程网的

OK,关于javascript视频和HTML+JavaScript 实现切换视频功能的内容到此结束了,希望对大家有所帮助。