.htmファイルのdivの内部HTMLコードを変更するために、jQuery for /withjavascriptを使用しています。スクリプトがdivの準備が整う前に実行しますが、それは問題ではありません。私はそのエラーを受け取り続けます。
私がJavascriptを使い始めてからほんの数日であり、最後にHTMLを使用してから非常に長い時間であると言わなければなりません。そのため、noob-typicalエラーを破棄しないでください。
Skydriveでホストされている、私が使用しているファイルは次のとおりです。
推測できるように、私はビデオプレーヤーとしてvideoJSを使用しています。videojsのCSSファイルとJSファイルは、AMPlayer.htmで確認できるように、オンライン(http://videojs.com/#section5)またはオフラインで参照できますが、これは状況に応じた情報であり、 videojsの問題ではなくjavascript。
編集:私が思うのはファイルの重要な部分です:
AMPlayer.htm(問題はここにあると思うので、ファイル全体を貼り付けています):
<!DOCTYPE html>
<html>
<head>
<link href="video-js.css" rel="stylesheet" type="text/css">
<script src="video-js.js"></script>
<script src="jquery-1.7.2.min.js"></script>
<script src="playlister.js" type="text/javascript"></script>
<title>AMPlayer</title>
</head>
<body>
<div id="the-video" class="video-js-box">
<span> </span>
</div>
</body>
</html>
Playplayer.js:
function postVideo()
{
getNextVideo();
document.write("NEXT VIDEO: "+videoNames[iNewVideoId]+"<br>");
var video1 = '<video id="AMPlayer" class="video-js vjs-default-skin" preload="auto" width="650" height="365" data-setup="{}" autoplay> <source src="videos/AVANCE/vid.mp4" type="video/mp4" /><source src="videos/AVANCE/vid.webm" type="video/webm" /></video>';
//document.write(video1); This writes the text so the video is played, but it drives me to an undesired behaviour
document.write("BEFORE THE .SETUP<br>");
//$("#the-video").html(video1); This doesn't work
//document.getElementById("the-video").innerHTML=video1; This does neither work
//window.VideoJS.setup($'video1'));
document.write("AFTER THE .SETUP<br>");
document.getElementById("AMPlayer").addEventListener('ended', postVideo, true);
//$(".video-js")[0].player.play();
document.write("AFTER THE .PLAY<br>");
//postVideo();
}
提供されたヘルプは確かに非常に役立ちます。前もって感謝します。