У меня есть этот код, и это видео не воспроизводится только на сафари. Может быть, вы можете помочь. спасибо видео не играю в браузере сафари. и играю на любом другом браузере
<script type="text/javascript">
$(document).ready(function(){
$('#slider').vide(
{
'mp4':'{/literal}{base_url}{literal}public/videos/video.mp4',
'webm':'{/literal}{base_url}{literal}public/videos/video.webm',
},
{
autostart: true,
volume: 0,
playbackRate: 1,
muted: true,
loop: true,
autoplay: true,
playsinline:true,
position: '50% 50%', // Similar to the CSS `background-position` property.
posterType: 'none', // Poster image type. "detect" � auto-detection; "none" � no poster; "jpg", "png", "gif",... - extensions.
resizing: true, // Auto-resizing, read: https://github.com/VodkaBears/Vide#resizing
bgColor: 'transparent', // Allow custom background-color for Vide div,
className: '' // Add custom CSS class to Vide div);
});
});
$(window).on('resize',function(){
// Get instance of the plugin
var instance = $('#slider').data('vide');
// Get video element of the background. Do what you want.
instance.getVideoObject();
// Resize video background.
// It calls automatically, if window resize (or element, if you will use something like https://github.com/cowboy/jquery-resize).
instance.resize();
});
</script>