学没有html的基础能不能学？
全部答案（共1个回答）
基础，建议你学习xhtml,css2.x。现在pc端需要的基础是这些，虽然html5,css3在pc端也有尝试，但时机还不成熟，还不普遍。2. html5的精华其实是一堆api，而操作这些api需要javascript基础，所以，不着急，慢慢一个一个来。
HTML5 是属于脚本语言...不知道你是向程序方面发展,还是做网页界面..如果网页界面的话,可以先了解HTML4 和CSS2作基础然后再学HTML5 和CSS...
html5周末班呀，好像很少哦，我朋友在博看学的ios，听他说也有html5的课程，不过不确定有木有周末的，你可以了解下
Web前端开发工程师,就是网页制作的另一种说法，现在HTML发展演变的比较丰富，学习这个不好说，因人而异。如果靠网上搜索资料的话，是很难学习到高深知识，如果找到...
大家还关注
确定举报此问题
举报原因(必选)：
广告或垃圾信息
激进时政或意识形态话题
不雅词句或人身攻击
侵犯他人隐私
其它违法和不良信息
报告，这不是个问题
报告原因(必选)：
这不是个问题
这个问题分类似乎错了
这个不是我熟悉的地区推荐到广播
160078 人聚集在这个小组
(热爱公益的你)
(左岸流觞)
(上尉诗人 ")
第三方登录：访问：245385次
积分：306分
排名：第32名
随笔：30篇
评论：107条
阅读排行榜
评论排行榜
ddddfdddd&
123:123456
123:123456
Cidy:能支持html5 embed不？
wurexian:My husband and i have been very relieved&&nbs...
wurexian:I really wanted to write a quick message to say th...
wurexian:I wish to get across my love for your generosity f...
离开撒旦撒的撒:阿萨达，巴萨科学家商户
jquery2000
阅读(26952)
我尝试用jQuery控制HTML5视频，两个视频分别在两个tab中，我希望点中tab后，该tab里的视频可以立即播放，而另外tab里的视频能够停止。我的代码是这样的：
$('#playMovie1').click(function(){
$('#movie1').play();
但发现这样不行，而用以下的js是可以的：
document.getElementById('movie1').play();
解决方法：play并不是jQuery的函数，而是DOM元素的函数，所以我们需要通过DOM来调用play，代码如下：
$('#videoId').get(0).play();
最简单的方法实现Play和Pause:
$('video').trigger('play');
$('video').trigger('pause');
点击视频就能播放和暂停
$("video").trigger("play");//for auto play
$("video").addClass('pause');//for check pause or play add a class
$('video').click(function() {
if ($(this).hasClass('pause')) {
$("video").trigger("play");
$(this).removeClass('pause');
$(this).addClass('play');
$("video").trigger("pause");
$(this).removeClass('play');
$(this).addClass('pause');
静音和取消静音
$('body').find("video").attr('id', 'video')
var myVid = document.getElementById("video");
$('.sound-icon').click(function() {
//here "sound-icon" is a anchor class.
var sta = myVid.
if (sta == true) {
myVid.muted =
myVid.muted =
HTML 5中播放视频的方法：
&video width="640" height="360" src="/demo/google_main.mp4" controls autobuffer&
&p& Try this page in Safari 4! Or you can
&a href="/demo/google_main.mp4"&download the video&/a& instead.&/p&
自动播放：
&video src="abc.mov" autoplay&
使用poster在视频无法加载时显示图片：
&video width="640" height="360" src="/demo/google_main.mp" autobuffer controls poster="whale.png"&
&p&Try this page in Safari 4! Or you can &a href="/demo/google_main.mp4"&download the video&/a& instead.&/p&
一个比较简洁的例子：
&script type="text/javascript"&
function vidplay() {
var video = document.getElementById("Video1");
var button = document.getElementById("play");
if (video.paused) {
video.play();
button.textContent = "||";
video.pause();
button.textContent = "&";
function restart() {
var video = document.getElementById("Video1");
video.currentTime = 0;
function skip(value) {
var video = document.getElementById("Video1");
video.currentTime +=
&video id="Video1" &
// Replace these with your own video files.
&source src="demo.mp4" type="video/mp4" /&
&source src="demo.ogv" type="video/ogg" /&
HTML5 Video is required for this example.
&a href="demo.mp4"&Download the video&/a& file.
&div id="buttonbar"&
&button id="restart" onclick="restart();"&[]&/button&
&button id="rew" onclick="skip(-10)"&&&&/button&
&button id="play" onclick="vidplay()"&&&/button&
&button id="fastFwd" onclick="skip(10)"&&&&/button&
下面是一个比较完整的例子：
&title&Full player example&/title&
&!-- Uncomment the following meta tag if you have issues rendering this page on an intranet or local site. --&
&!-- &meta http-equiv="X-UA-Compatible" content="IE=edge"/& --&
&script type="text/javascript"&
function init() { // Master function, encapsulates all functions
var video = document.getElementById("Video1");
if (video.canPlayType) { // tests that we have HTML5 video support
// if successful, display buttons and set up events
document.getElementById("buttonbar").style.display = "block";
document.getElementById("inputField").style.display = "block";
// helper functions
// play video
function vidplay(evt) {
if (video.src == "") { // inital source load
getVideo();
button = evt. // get the button id to swap the text based on the state
if (video.paused) { // play the file, and display pause symbol
video.play();
button.textContent = "||";
} else { // pause the file, and display play symbol
video.pause();
button.textContent = "&";
// load video file from input field
function getVideo() {
var fileURL = document.getElementById("videoFile"). // get input field
if (fileURL != "") {
video.src = fileURL;
video.load(); // if HTML source element is used
document.getElementById("play").click(); // start play
errMessage("Enter a valid video URL"); // fail silently
// button helper functions
// skip forward, backward, or restart
function setTime(tValue) {
// if no video is loaded, this throws an exception
if (tValue == 0) {
video.currentTime = tV
video.currentTime += tV
} catch (err) {
// errMessage(err) // show exception
errMessage("Video content might not be loaded");
// display an error message
function errMessage(msg) {
// displays an error message for 5 seconds then clears it
document.getElementById("errorMsg").textContent =
setTimeout("document.getElementById('errorMsg').textContent=''", 5000);
// change volume based on incoming value
function setVol(value) {
var vol = video.
// test for range 0 - 1 to avoid exceptions
if (vol &= 0 && vol &= 1) {
// if valid value, use it
video.volume =
// otherwise substitute a 0 or 1
video.volume = (vol & 0) ? 0 : 1;
// button events
document.getElementById("play").addEventListener("click", vidplay, false);
// Restart
document.getElementById("restart").addEventListener("click", function () {
setTime(0);
}, false);
// Skip backward 10 seconds
document.getElementById("rew").addEventListener("click", function () {
setTime(-10);
}, false);
// Skip forward 10 seconds
document.getElementById("fwd").addEventListener("click", function () {
setTime(10);
}, false);
// set src == latest video file URL
document.getElementById("loadVideo").addEventListener("click", getVideo, false);
// fail with message
video.addEventListener("error", function (err) {
errMessage(err);
// volume buttons
document.getElementById("volDn").addEventListener("click", function () {
setVol(-.1); // down by 10%
}, false);
document.getElementById("volUp").addEventListener("click", function () {
setVol(.1); // up by 10%
}, false);
// playback speed buttons
document.getElementById("slower").addEventListener("click", function () {
video.playbackRate -= .25;
}, false);
document.getElementById("faster").addEventListener("click", function () {
video.playbackRate += .25;
}, false);
document.getElementById("normal").addEventListener("click", function () {
video.playbackRate = 1;
}, false);
document.getElementById("mute").addEventListener("click", function (evt) {
if (video.muted) {
video.muted =
evt.target.innerHTML = "&img alt='volume on button' src='vol2.png' /&"
video.muted =
evt.target.innerHTML = "&img alt='volume off button' src='mute2.png' /&"
}, false);
} // end of runtime
}// end of master
&body onload="init();" &
&video id="Video1" controls style="border: 1" height="240" width="320" title="video element"&
HTML5 Video is required for this example
&div id="buttonbar" style="display:")&
&button id="restart" title="Restart button"&[]&/button&
&button id="slower" title="Slower playback button"&-&/button&
&button id="rew" title="Rewind button" &&&&/button&
&button id="play" title="Play button"&&&/button&
&button id="fwd" title="Forward button" &&&&/button&
&button id="faster" title="Faster playback button"&+&/button&
&button id="Button2" title="Mute button" &&img alt="Volume on button" src="vol2.png" /&&/button&
&label&Playback &/label&
&label&Reset playback rate: &/label&&button id="normal" title="Reset playback rate button"&=&/button&
&label& Volume &/label&
&button id="volDn" title="Volume down button"&-&/button&
&button id="volUp" title="Volume up button"&+&/button&
&button id="mute" title="Mute button" &&img alt="Volume on button" src="vol2.png" /&&/button&
&div id= "inputField" style="display:" &
&label&Type or paste a video URL: &br/&
&input type="text" id="videoFile" style="width: 300" title="video file input field" value="/testdrive/ieblog/2011/nov/pp4_blog_demo.mp4" /&
&button id="loadVideo" title="Load video button" &Load&/button&
&div title="Error message area" id="errorMsg" style="color:R"&&/div&
感谢。用上了。
摩的大飙客
视频播放方面讲得挺完整，辛苦了
感谢，真的很不错！！！！！！
能支持html5 embed不？
(非注册用户请填昵称)
(非注册用户请留空)
您还没有登录,请或}