jQuery视频高度&;不同设备上的宽度?

jQuery视频高度&;不同设备上的宽度?,jquery,css,jquery-mobile,mobile,video,Jquery,Css,Jquery Mobile,Mobile,Video,所以我有一个视频在一个div中,我用jquery调用它,我的问题是我希望视频在不同的屏幕大小上填充div 这是我的密码 <script type="text/javascript"> $(document).ready(function(){ $('#viddiv').append('<video src="1.mp4" type="video/mp4" loop="loop" autoplay="autoplay" </video>');`

所以我有一个视频在一个div中,我用jquery调用它,我的问题是我希望视频在不同的屏幕大小上填充div

这是我的密码

<script type="text/javascript">
    $(document).ready(function(){
    $('#viddiv').append('<video src="1.mp4"  type="video/mp4" loop="loop" autoplay="autoplay" </video>');`
    });
    </script>
    </head>
    <body>
    <div data-role="page">
    <div data-role="header">
        <h1>My Title</h1>
    </div>
    <div data-role="content">   
        <div id="viddiv">
        </div>
    </div>
    </div>

    </body>
    </html>
真的不能解决它,我相信这是很容易做到的


任何帮助都会很好

您可以这样做:

    $('#viddiv').append('<video src="1.mp4"  type="video/mp4" loop="loop" autoplay="autoplay" </video>')
.css({"width":screen.width, "height":screen.height});

$('#viddiv').append('感谢它在我预览dreamweaver时使视频变小了,而不是在chrome中:(我想我需要把它放在设备上才能看到它的样子-非常感谢
    $('#viddiv').append('<video src="1.mp4"  type="video/mp4" loop="loop" autoplay="autoplay" </video>')
.css({"width":screen.width, "height":screen.height});