php - 如何在新标签页中以固定尺寸播放视频

标签 php html css video

您好,我正在尝试在新标签页中以固定的高度和宽度播放视频,我该怎么做我的代码:

<a href="uploads/course_videos/sample.mp4" target="_blank">
    <video width="100px">
         <source src="uploads/course_videos/sample.mp4">
    </video>
</a>

当我点击 <a> 时标记它在新窗口中打开,但不同视频的视频大小不同...! 例如,我希望视频以固定尺寸播放: 100 像素 * 200 像素

什么是最好的解决方案……?

最佳答案

<!DOCTYPE html>
<html>
<head>
<title>Video Play with fixed dim</title>
</head>
<body>

<a href="uploads/course_videos/sample.mp4" target="_blank">
<video id="video_loc" width="100px" height="200px">
<source src="uploads/course_videos/sample.mp4">
</video>
</a>


</body>
<script>

var vidd = document.getElementById("video_loc");
vidd.play();

</script>
</html>

在这里你可以在同一页面上播放视频,如果你想在新窗口播放它只需点击视频它会重定向到新窗口。

关于php - 如何在新标签页中以固定尺寸播放视频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42619587/

相关文章:

javascript - Polymer Iron-form 不提交

PHP、使用 htaccess 重写 URL 和 Microsoft IIS Url 重写

html - IE8 标准模式 - 表格列的奇怪行为 - TD 宽度有问题

html - 在 Wordpress 中,如何创建一个容器中包含 3 个 col-md-4 block 的页面?

css - CSS 中出现水平滚动条的原因是什么?

php - 使用php获取文件夹内图像的文件名

php - 使用多个键重新排列数组

javascript 无法打开 google recaptcha

javascript - 在我开始输入之前,contentEditable div 中的光标太大

html - 限制包裹在 <a> 标签中的图像高度