Question

我正在尝试在我的网站中嵌入谷歌视频。在帧响应时，然而当在移动设备上观看时，视频不会缩小到帧大小。这意味着用户只能看到视频的上角。如何使视频适合？

<div style="text-align:center; position: relative; height: 0; padding-bottom: 50%; overflow: hidden;"><iframe src="https://drive.google.com/file/d/1L2SPIlBhglFhGenByihjkgFcEVx1d2Th/preview" width="960" height="540"></iframe></div>

Screenshot of Video

Answer 1

尝试在head标签中添加它？

<select class="form-control" name="team" id="team">
 <option value="">---------Choose Team---------</option>
       @foreach($teams as $team)
<option value="{{$team->id}}" {{(old('team')==$team->id)? 'selected':''}}>{{$team->name}}</option>

@endforeach
</select>

eg.<select name="title">
<option value="1"  {{ old('title') == 1 ? 'selected' : '' }}>
    Item 1
</option>
<option value="2" {{ old('title') == 2 ? 'selected' : '' }}>
    Item 2
</option>

</select>

响应式IFrame视频

1 个答案: