Я могу дать вам несколько советов. Во-первых, вы можете использовать абсолютный путь к видео, поместить видеофайл на сервер, затем вы можете получить путь, такой как www.xxx.com/movie.mp4, и вы можете написать код на ваш HTML page, вот так:
<video width="320" height="240" autoplay>
<source src="www.xxx.com/movie.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
Во-вторых, вы можете поместить свой видеофайл в каталог так же, как местоположение HTML-страницы. Например, если ваша HTML-страница находится в каталоге с именем test. Вы можете создать каталог с именем src, и Вы можете написать код на вашем HTML page, например:
<video width="320" height="240" autoplay>
<source src="./src/movie.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
В-третьих, вы можете использовать тег input для загрузки локального видеофайла, код HTML, как показано ниже:
<input type="file" id="myInput"/>
<video controls autoplay></video>
код js, как показано ниже:
var input = document.getElementById('myInput'),
video = document.getElementById('myVideo');
input.onchange = function () {
var file = this.files[0];
var url = URL.createObjectURL(file);
video.innerHTML = '<source src="' + url + '" type="video/mp4">';
}
В-четвертых, используйте тег object. Вы можете написать код, например:
//the HTML code
<div id="playhere"></div>
//js code
function play(fn){
var str='<object id="MediaPlayer" height="300" classid="CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6" style="width:70%"><param name="URL" value=\''+fn+'\'\/><param name="autoStart" value="1"\/><param name="balance" value="0"\/><param name="baseURL" value=""\/><param name="currentPosition" value="0"\/><param name="currentMarker" value="0"\/><param name="defaultFrame" value=""\/><param name="enabled" value="1"\/><param name="enableErrorDialogs" value="0"\/><param name="enableContextMenu" value="0"\/><param name="fullScreen" value="0"\/><param name="invokeURLs" value="1"\/><param name="mute" value="0"\/><param name="playCount" value="1"\/><param name="rate" value="1"\/><param name="stretchToFit" value="0"\/><param name="uiMode" value="full"\/><param name="volume" value="100"\/><param name="windowlessVideo" value="1"\/><\/object>';
document.getElementById('playhere').innerHTML=str;
}
// that's your video file location
play('D:\\Video\\samplevideo.mp4')
но этот способ не поддерживается в браузере Chrome.
Извините, я новичок в английском.