在编写了有关如何制作媒体播放器的教程后,您好,我发现我无法使用绝对URL连接到任何媒体。在努力寻找答案之后,W3schools和其他地方的语法在我看来仍然不清楚。据我所知,源标签已被使用,并且可用于定位不同的媒体类型,例如,ogg,webm,mp4,
<video id='media-video' controls>
<source src="fish.mp4" type="video/mp4">
<source src="fish.webm" type="video/webm">
</video>
我的问题是,是否可以通过这种方式在源标签中使用绝对URL,这样做的语法是什么?亲切的问候,并感谢您抽出宝贵的时间-robbie
伙计们,您可以看一看,我对此表示歉意,因为它不严格是html和css,但其中还包含脚本,因为您可以看到媒体播放器调用了某些函数,其中之一应该是onclick函数,以加载现在的相对url,但它不起作用!啊,没有痛苦,没有生命!有任何想法吗?
<html lang='en'>
<head>
<meta charset='utf-8' />
<title>Sample Media Player using HTML5's Media API</title>
<link href='media-player.css' rel='stylesheet' />
<script src='media-player.js'></script>
</head>
<body>
<h1>Sample Media Player using HTML5's Media API</h1>
<div id='media-player'>
<video id='media-video' controls>
<source src=http://www.youtube.com/myvideo type="video/mp4">
</video>
<div id='media-controls'>
<progress id='progress-bar' min='0' max='100' value='0'>0% played</progress>
<button id='replay-button' class='replay' title='replay' onclick='replayMedia();'>Replay</button>
<button id='play-pause-button' class='play' title='play' onclick='togglePlayPause();'>Play</button>
<button id='stop-button' class='stop' title='stop' onclick='stopPlayer();'>Stop</button>
<button id='volume-inc-button' class='volume-plus' title='increase volume' onclick='changeVolume("+");'>Increase volume</button>
<button id='volume-dec-button' class='volume-minus' title='decrease volume' onclick='changeVolume("-");'>Decrease volume</button>
<button id='mute-button' class='mute' title='mute' onclick='toggleMute("true");'>Mute</button>
</div>
<div id='media-play-list'>
<h2>Play list</h2>
<ul id='play-list'>
<li><span class='play-item' onclick='loadVideo(http://www.youtube.com/myvideo);'>Fischer</span></li>
<li><span class='play-item' onclick='loadVideo("paddle-wheel.webm", "paddle-wheel.mp4");'>Paddle Steamer Wheel</span></li>
<li><span class='play-item' onclick='loadVideo("grass.webm", "grass.mp4");'>Grass</span></li>
</ul>
</div>
</div>
最佳答案
当然可以。只需添加视频的绝对路径即可:
<video controls>
<source src=http://techslides.com/demos/sample-videos/small.webm type=video/webm>
<source src=http://techslides.com/demos/sample-videos/small.ogv type=video/ogg>
<source src=http://techslides.com/demos/sample-videos/small.mp4 type=video/mp4>
<source src=http://techslides.com/demos/sample-videos/small.3gp type=video/3gp>
</video>
要点是按照正确的顺序组织文件,用户浏览器将自动检测支持的文件类型并进行相应播放。
阅读更多@:http://techslides.com/sample-webm-ogg-and-mp4-video-files-for-html5/。
而且我相信您已阅读以下内容:http://www.w3schools.com/tags/tag_video.asp?
关于javascript - 源代码和绝对URL,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/23468923/