htmlコード
<ビデオコントロール=「コントロール」ID =「ビデオ」のポスター=「 自動再生=「自動再生自動再生」空白のロードされていない映像を防止するために写真を入れて」>
<ソースSRC =「ビデオパス」タイプ=「ビデオ/ MP4を」 =上記のidは「ソース」/>
あなたのブラウザはvideoタグでサポートしていません。
</ビデオ>
JSコード
VaRのplayimg =のdocument.getElementById（ "playimg" ）; // 再生ボタンの画像
VARビデオ=のdocument.getElementById（ "ビデオ" ）; //ビデオラベルオブジェクト
video.currentTime; //現在のビデオの再生時間を取得
//ビデオは写真、nullに設定されたビデオ画像を表示するには再生ボタンをロードし、表示映像コンテンツが終了した場合
video.οncanplay=関数（）{
$（ "＃のplayimg"）ショー（）;.
（。$（ "＃ビデオ"）のattrを「ポスター」は、「」）;
}
//学習の進捗状況を記録することができますプレーをクリックして、イベントのビデオを再生、現在のビデオの再生属性を取得するには時間がある
video.οnplay=関数（）{
IF（$（「＃のis_record」）ヴァル（）。 $ヌル|| ==（ "＃のis_record"）ヴァル（）== ''）{。
$アヤックス（{
タイプ： "POST"、
URL：CTX + "/ traincourserecord / save.shtml"、
データ：{
CON_ID： $（ 'now_play。'）データ（ "ID"）,.
Course_IDに：$（ "＃1 Course_IDに"）のVal（）
}、
成功：関数（データ）{
（データIF。フラグに）{
}他{
parent.layer.msg（ "記録校正誤差"）;
}
}、
エラー：機能（データ）{
parent.layer.msg（ "学習記録エラー"）;
}
}）;
}
$（ "＃Playimg"）非表示（）;
};
//ビデオ一時停止イベント
video.οnpause機能=（）{
$（ "＃のplayimg"）ショー（）;.
};
//イベントプレーするためには画像をクリックし
playimg.οnclickを=関数（）{
$（ "＃のis_record"）ヴァル（1）;.
ビデオ（IF。一時停止）{
$（ "＃のplayimg"）非表示（）;.
Video.play（）;
$アヤックス（{
タイプ： "POST"、
URL：CTX + "/ traincourserecord / save.shtml"、
データ：{
CON_ID：$ （」。now_play '）。データ（ "ID"）、
Course_IDに：$（ "＃のCourse_IDに"）ヴァル（）。
}、
成功：機能（データ）{
IF（data.flag）{
}他{
parent.layer.msg（ "記録のキャリブレーションエラー"）;
}
}、
エラー：機能（データ）{
parent.layer.msg（ "学習記録エラー"）;
}
}）;
}
};
//再生画像が表示されます一時停止するには、ビデオの周りをクリック
video.οnclick=関数（）{
（Video.play（IF ））{
$（ "＃1 playimg"）を表示（）;.
Video.pause（）;
}
};
//このイベントに追加するには、上記のビデオで再生される映像イベントを切り替える
機能プレイ（パス、STA）{
VARのビデオ=のdocument.getElementById（「ビデオ」）;
。$（「＃ソース」）のattr（「SRC」、パス）;
$（ "のULのli after_login_onlineの.radio_list。"）EQ（STA）.addClass（ "now_play"）SIBLINGS（）removeClass（ 'now_play'）; ...
video.load（）;
$（ "＃1 playimg" ）.SHOW（）;
Video.play（）;
}
----------------
免責事項：この記事は、元の記事のCSDNブロガー「プログラム猿変な闘争」で、続きますBY-SAの著作権契約CC 4.0は、再現し、元のソースのリンクと、この文を添付してください。
オリジナルリンクします。https：//blog.csdn.net/lg12lp12/article/details/78748564